第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

E[att] CSS2 選擇具有att屬性的E元素。
E[att="val"] CSS2 選擇具有att屬性且屬性值等于val的E元素。
E[att~="val"] CSS2 選擇具有att屬性且屬性值為一用空格分隔的字詞列表，其中一個等于val的E元素。
E[att^="val"] CSS3 選擇具有att屬性且屬性值為以val開頭的字符串的E元素。
E[att$="val"] CSS3 選擇具有att屬性且屬性值為以val結(jié)尾的字符串的E元素。
E[att*="val"] CSS3 選擇具有att屬性且屬性值為包含val的字符串的E元素。
E[att|="val"] CSS2 選擇具有att屬性且屬性值為以val開頭并用連接符"-"分隔的字符串的E元素，如果屬性值僅為val，也將被選擇。

偽元素的由兩個冒號::開頭，然后是偽元素的名稱?。

屬性

描述

CSS

:first-letter ? ?向文本的第一個字母添加特殊樣式。 ? ?1 ? ?

:first-line ? ?向文本的首行添加特殊樣式。 ? ?1 ? ?

:before ? ?在元素之前添加內(nèi)容。 ? ?2 ? ?

:after ? ?在元素之后添加內(nèi)容。 ? ?2
? ?

偽類由一個冒號:開頭，冒號后面是偽類的名稱和包含在圓括號中的可選參數(shù)。

屬性

描述

CSS

:active ? ?向被激活的元素添加樣式。 ? ?1 ? ?

:focus ? ?向擁有鍵盤輸入焦點的元素添加樣式。 ? ?2 ? ?

:hover ? ?當鼠標懸浮在元素上方時，向元素添加樣式。 ? ?1 ? ?

:link ? ?向未被訪問的鏈接添加樣式。 ? ?1 ? ?

:visited ? ?向已被訪問的鏈接添加樣式。 ? ?1 ? ?

:first-child ? ?向元素的第一個子元素添加樣式。 ? ?2 ? ?

:lang ? ?向帶有指定 lang 屬性的元素添加樣式。 ? ?2 ? ?

background-origin
設置元素背景圖片的原始起始位置。
語法：
background-origin?：?border-box?(從邊框）
background-origin?：?padding-box?(內(nèi)邊距）
background-origin?：?content-box?(內(nèi)容區(qū)域）
需要注意的是background必須是no-repeat，否則屬性
無效

text-shadow可以用來設置文本的陰影效果。
語法：
text-shadow: X-Offset Y-Offset blur color;
X-Offset：表示陰影的水平偏移距離，其值為正值時陰影向右偏移，反之向左偏移； ? ? ?
Y-Offset：是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移，反之向上偏移；
Blur：是指陰影的模糊程度，其值不能是負值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設置為0，切記不為0時要加單位px；
Color：是指陰影的顏色，其可以使用rgba色。

text-overflow用來設置是否使用一個省略標記（...）標示對象內(nèi)文本的溢出。
text-overflow:ellipsis（省略號）|clip（剪切）;

實現(xiàn)溢出時產(chǎn)生省略號的效果:
text-overflow:ellipsis; （用省略號表示文本溢出）
overflow:hidden; （溢出內(nèi)容為隱藏）
white-space:nowrap; （強制文本在一行內(nèi)顯示）

word-wrap也可以用來設置文本行為，當前行超過指定容器的邊界時是否斷開轉(zhuǎn)行。
word-wrap:normal（控制連續(xù)文本換行）|break-work（內(nèi)容將在邊界換行）
normal為瀏覽器默認值，break-word設置在長單詞或 URL地址內(nèi)部進行換行，此屬性不常用，用瀏覽器默認值即可。

可以使用偽類實現(xiàn)省略號后的展開

.test_demo:hover{
??? white-space:normal;
}

線性漸變：
linear-gradient（1,2,3）
1為漸變方向參數(shù)：
to top 從下向上
to right 從左向右
to bottom
to left
to top left 右下角到左上角
to top right
2,3表示顏色的起始點和結(jié)束點，可以有多個顏色值
如background-image:linear-gradient(to left,red,orange,yellow,green,blue);

CSS3
在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標準的一部分，是瀏覽器的私有屬性。
前綴 瀏覽器
-webkit chrome和safari
-moz firefox
-ms IE
-o opera

CSS3顏色 之RGBA

RGB是一種色彩標準，是由紅（red）、綠（green）藍（blue）的變化以及相互疊加來得到格式各樣的顏色。而RGBA是在RGB的基礎上增加了控制alpha透明度的參數(shù)。

語法：

color:rgba(R,G,B,A);

R、G、B：三個參數(shù)的正整數(shù)的取值范圍是0~255。百分數(shù)之的取值范圍為0.0%~100.0%

A：透明的參數(shù)取值范圍為0~1之間，不可為負值。

CSS3為邊框應用圖片

語法：

border-image:url(圖片路徑)?參數(shù)1?參數(shù)2?參數(shù)3?參數(shù)4?圖片延伸方式

url()：圖片路徑，可以是相對路徑，也可以是絕對路徑。

參數(shù)1~參數(shù)4：切割圖片的寬度，單位是像素，也可以使用百分比，可以省略px。

????????????????????????遵循順時針的順序來分別設置（右上，左上，左下，右下），

????????????????????????或者可以簡寫一個參數(shù)（簡寫一個參數(shù)意味著四個四個值都一樣）。

圖片延伸方式（3種）：

• • • • round（平鋪）：可以理解為圓滿的鋪滿。為了實現(xiàn)圓滿所以會壓縮

      • repeat（重復）：顧名思義就是一直重復，然后超出部分剪裁掉，而且是居中開始重復。 ????????

      • stretch（拉伸）：有多長拉多長、有多遠“滾多遠”。
        

CSS3的border-image可以理解為一個圖片切割器

具體切割方法：盒子的四個角分別對應圖片的四個角，四個邊的中間部分會按照不同的伸展方式平鋪，中間部分則會被隱藏（實際存在）

????????

CSS3邊框 陰影

? ? CSS3可以為盒子元素添加陰影，支持一個或者多個

????使用方法：

box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴展半徑]?[陰影顏色]?[投影方式];

????參數(shù)介紹：

• • ?X軸偏移量：必須，水平陰影的位置，允許負值。

  • Y軸偏移量：必須，垂直陰影的位置，允許負值。

  • 陰影模糊半徑：可選，模糊距離。

  • 陰影擴展半徑：可選，陰影的尺寸。

  • 陰影顏色：可選，陰影的顏色，省略默認為黑色

  • 投影方式：可選，（色湖之 inset時為內(nèi)部陰影方式，如果省略為外部陰影方式）。? ? ? ? ? ?

????注意點：

????????????inset可以卸載參數(shù)的第一個或者最后一個，其它的位置時無效的?

????????????添加多個陰影時只需要用逗號隔開即可。

?????如下圖：

.box_shadow{
????box-shadow:4px?2px?6px?#f00,?
????????????-4px?-2px?6px?#000,?
????????????0px?0px?12px?5px?#33CC00?inset;
}

CSS3邊框 圓角效果?

使用方法：

border-radius:參數(shù)1，參數(shù)2，參數(shù)3，參數(shù)4;

1. 四個值分別代表左上角，右上角，右下角和左下角（順時針）

2. 只寫一個值代表為所有的角都設置邊角

3. 單位一般使用像素，除此之外還可以使用百分比或者em，但是兼容性目前不太好
   

CSS3能做什么？

????CSS3的優(yōu)點：

????????CSS3可以把很多需要圖片和腳本來實現(xiàn)的效果、甚至動畫效果，只需要短短幾行代碼就能搞定。

????????CSS3簡化了前端開發(fā)工作人員的設計過程，加快頁面載入速度。

????CSS3功能：

1. 優(yōu)秀的選擇器

2. 圓角效果

3. 塊陰影與文字陰影

4. 色彩

5. 漸變效果

6. 個性化字體

7. 多背景圖

8. 邊框背景圖

9. 變形處理

10. 多爛布局

11. 媒體查詢

12. 等等。。。

?

初見CSS3(≧?≦)

????什么是CSS3？

????????CSS3是CSS2的升級版本，在CSS2的基礎上增加了很多強大的新功能。

????????目前主流瀏覽器chrome、safari、firefox、opera、甚至360也已經(jīng)支持了CSS3的大部分功能了。

????????IE10以后也開始全面支持CSS3

????前綴：

????????前綴表示該CSS屬性或規(guī)則尚未成為W3C標準的一部分，時瀏覽器的私有屬性。

????????在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴，是瀏覽器的私有屬性，雖然目前較新版本的瀏覽器都是不需要前綴，但是 為了更好的兼容歷覽器，前綴還是少不了的

????????

CSS3邊框 陰影 box-shadow

box-shadow的用法:

box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴展半徑]?[陰影顏色]?[投影方式];

1.陰影模糊半徑與陰影擴展半徑的區(qū)別

模糊半徑：值越大陰影的邊緣就越模糊，如果值為0則表示不具有模糊效果，此參數(shù)可以不寫

陰影擴展半徑：值可以是正負值，如果值為正，則表示整個陰影都延展擴大；如果值為負，則表示縮小；

2.X軸偏移量和Y軸偏移量值可以設置為復數(shù)

3.X軸和Y軸偏移值的位置

X軸偏移量為正數(shù)，陰影位置顯示在右下角，如果值為負數(shù)則顯示在左下角

Y軸偏移值為正數(shù)，陰影位置顯示在右下角，如果值為負數(shù)則顯示在右上角。