css3 用純CSS實現(xiàn)獲取元素的某個屬性，并能改變樣式

不可以，獲取id 屬性什么只能有js或jq實現(xiàn)，如果做響應式的可以用媒體查詢 在不同的分辨率下 更換調整樣式

創(chuàng)新互聯(lián)2013年開創(chuàng)至今，先為樟樹等服務建站，樟樹等地企業(yè)，進行企業(yè)商務咨詢服務。為樟樹企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

css3中的button樣式怎么改

在一個id為bt1的按鈕上設置樣式，如下：

#bt1{

font-family:微軟雅黑?;????!--?字體??--

width:?60px?;?????????????!--?寬度??--

height:30px?;?????????????!--?高度?--

font-size:14px;???????????!--?字體大小--

color:gray;???????????????!--字體顏色??--

border:?1px?solid?red；?!--?邊框；邊框寬度、單線、邊框顏色?--

margin-left:?10px;????????????!--?左邊距，相應的還有右邊距margin-right,??????????????????????????????????????上margin-top,下?margin-buttom?--

background-color:#F1F1F1;????????!--背景色；十六位顏色表示時前加#符號??

transparent是透明--

box-shadow:10px?10px?10px?gray;??!--?陰影；x軸偏移（右偏為正），y軸偏移（向下????????????????????????????????為正），模糊度，模糊顏色??--

border-radius:10px?10px?10px?10px;!--?圓角；左上，右上，右下，左下--

cursor:pointer;??????????????????!--?鼠標經過時鼠標變成小手??--

}

css3如何通過點擊改變樣式

CSS3 有一個 :target 屬性

這是一個簡單的DEMO 高級用法可以再百度搜索：

!DOCTYPE?html

html

head

style

:target?{

border:?2px?solid?#D4D4D4;

background-color:?#e5eecc;

}

/style

/head

body

h1This?is?a?heading/h1

pa?href="#news1"Jump?to?New?content?1/a/p

pa?href="#news2"Jump?to?New?content?2/a/p

pClick?on?the?links?above?and?the?:target?selector?highlight?the?current?active?HTML?anchor./p

p?id="news1"bNew?content?1.../b/p

p?id="news2"bNew?content?2.../b/p

pbNote:/b?Internet?Explorer?8?and?earlier?versions?do?not?support?the?:target?selector./p

/body

/html

如何運用CSS3把元素從一種樣式變換為另一種樣式

div?class="box1"/div

style?type="text/css"

body{margin:0;padding:0}

.box1{height:300px;width:300px;background:#3695d5;}

.box1{/*過渡效果*/

transition:?width?2s;

-moz-transition:?width?2s; /*?Firefox?4?*/

-webkit-transition:?width?2s; /*?Safari?和?Chrome?*/

-o-transition:?width?2s; /*?Opera?*/

}

.box1:hover{background:#dcdcdc;height:400px;width:400px}/*使用偽類hover，鼠標懸浮選取元素，改變樣式*/

/style

css3的樣式中的動漫樣式怎么弄的呀？

創(chuàng)建動畫：@keyframes規(guī)則。

方式一：from{屬性：值;} ?to{屬性：值;}

2

創(chuàng)建動畫

方式二：0%{屬性：值;} 100%{屬性：值;}

0% 是動畫的開始，100% 是動畫的完成?？梢栽诙咧g加入25%，50%等。

3

將動畫綁定到選擇器：

在樣式中，設置動畫屬性animation，自定義動畫名稱和時長。

animation：動畫名 ?時長；

此時就可以完成一個簡單的動畫了，要進行更多設置還需要其他屬性。

4

規(guī)定動畫開始時的等待時間：

animation-delay：時間；可以為秒、毫秒2s，2ms。

5

播放次數(shù)：

animation-iteration-count：次數(shù)；

永久播放的值取infinite。

6

動畫速度曲線：

animation-timing-function：變化類型；

變化類型有：linear 勻速；ease-in 開始慢；ease-out 結束慢；ease?動畫有一個緩慢的開始，然后快，結束慢。