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

z-index:100//使按鈕在上一層，不加點(diǎn)擊區(qū)域會(huì)不靈敏

name相同才能建立互斥關(guān)系，一個(gè)選中另一個(gè)取消。

+是css相鄰選擇符。共4中關(guān)系選擇符：空格：+>在偽類選擇器中用

opacity：0-1透明度

odd 奇數(shù)

even 偶數(shù)

style

a[class^=]

a[href#=]

a[title*=]

<div>:root</div>//跟選擇器

@font-face{

font-family:字體

src:路徑}

嵌入字體（服務(wù)器端）

text-overflow:clip|ellipsis

CSS3邊框?陰影?box-shadow（二）

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

注意：inset 可以寫在參數(shù)的第一個(gè)或最后一個(gè)，其它位置是無效的。

如果添加多個(gè)陰影，只需用逗號(hào)隔開即可。如：

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

[class^="icon_"]? ?這個(gè)表示以icon_開頭的class
[class*=" icon_"]? ?這個(gè)表示包含icon_的class

在Web中插入內(nèi)容，在CSS2.1時(shí)代依靠的是JavaScript來實(shí)現(xiàn)。但進(jìn)入CSS3進(jìn)代之后我們可以通過CSS3的偽類“:before”，“:after”和CSS3的偽元素“::before”、“::after”來實(shí)現(xiàn)，其關(guān)鍵是依靠CSS3中的“content”屬性來實(shí)現(xiàn)。不過這個(gè)屬性對(duì)于img和input元素不起作用。

content配合CSS的偽類或者偽元素，一般可以做以下四件事情：

實(shí)例展示：

在CSS中有一種清除浮動(dòng)的方法叫“clearfix”。而這個(gè)“clearfix”方法就中就使用了“content”，只不過只是在這里插入了一個(gè)空格。如下所示：

.clearfix:before,

.clearfix:after?{

???????content:””;

???????display:table;

}

.clearfix:after?{

???????clear:both;

???????overflow:hidden;

}

上面這個(gè)示例是最常見的，也是最簡(jiǎn)單的，我們?cè)賮砜匆粋€(gè)插入元素屬性值的方法。

假設(shè)我們有一個(gè)元素：

<a href="##" title="我是一個(gè)title屬性值，我插在你的后面">我是元素</a>

可以通過”:after”和”content:attr(title)”將元素的”title”值插入到元素內(nèi)容“我是元素”之后：

a:after?{

??content:attr(title);

???????color:#f00;

}

效果如下：

?

外輪廓outline在頁面中呈現(xiàn)的效果和邊框border呈現(xiàn)的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網(wǎng)頁布局空間，不一定是矩形，外輪廓是屬于一種動(dòng)態(tài)樣式，只有元素獲取到焦點(diǎn)或者被激活時(shí)呈現(xiàn)。

outline屬性早在CSS2中就出現(xiàn)了，主要是用來在元素周圍繪制一條輪廓線，可以起到突出元素的作用。但是并未得到各主流瀏覽器的廣泛支持，在CSS3中對(duì)outline作了一定的擴(kuò)展，在以前的基礎(chǔ)上增加新特性。outline屬性的基本語法如下：

outline:?［outline-color］?||?[outline-style]?||?[outline-width]?||?[outline-offset]?||?inherit

從語法中可以看出outline和border邊框?qū)傩缘氖褂梅椒O其類似。outline-color相當(dāng)于border-color、outline-style相當(dāng)于border-style，而outline-width相當(dāng)于border-width，只不過CSS3給outline屬性增加了一個(gè)outline-offset屬性，其取值說明如下。

?

為了增強(qiáng)用戶體驗(yàn)，CSS3增加了很多新的屬性，其中resize就是一個(gè)重要的屬性，它允許用戶通過拖動(dòng)的方式來修改元素的尺寸來改變?cè)氐拇笮　５侥壳盀橹?，可以使用overflow屬性的任何容器元素。

在此之前，Web設(shè)計(jì)師為了要實(shí)現(xiàn)這樣具有拖動(dòng)效果的UI，使用大量的腳本代碼才能實(shí)現(xiàn)，這樣費(fèi)時(shí)費(fèi)力，效率極低。

resize屬性主要是用來改變?cè)爻叽绱笮〉模渲饕康氖窃鰪?qiáng)用戶體驗(yàn)。但使用方法卻是極其的簡(jiǎn)單，先從其語法入手。

resize: none | both | horizontal | vertical | inherit

取值說明：

例如：通過resize屬性，讓文本域可以沿水平方向拖大。代碼為：

textarea?{
??-webkit-resize:?horizontal;
??-moz-resize:?horizontal;
??-o-resize:?horizontal;
??-ms-resize:?horizontal;
??resize:?horizontal;
}

? ? ? ? ? ? ?

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

inset 可以寫在參數(shù)的第一個(gè)或最后一個(gè)，其它位置是無效的。

下面我們一起來看看CSS3 Meida Queries在標(biāo)準(zhǔn)設(shè)備上的運(yùn)用，大家可以把這些樣式加到你的樣式文件中，或者單獨(dú)創(chuàng)建一個(gè)名為“responsive.css”文件，并在相應(yīng)的條件中寫上你的樣式，讓他適合你的設(shè)計(jì)需求：

1.1024px顯屏

@media?screen?and?(max-width?:?1024px)?{????????????????????
/*?樣式寫在這里?*/??????????
}

2.800px顯屏

@media?screen?and?(max-width?:?800px)?{??????????????
/*?樣式寫在這里?*/??????????
}

3.640px顯屏

@media?screen?and?(max-width?:?640px)?{??????????????
/*?樣式寫在這*/????????????
}

4.iPad橫板顯屏

@media?screen?and?(max-device-width:?1024px)?and?(orientation:?landscape)?{??????????????
/*?樣式寫在這?*/????????????
}

5.iPad豎板顯屏

@media?screen?and?(max-device-width:?768px)?and?(orientation:?portrait)?{?????????
/*?樣式寫在這?*/????????????
}

6.iPhone?和?Smartphones

@media?screen?and?(min-device-width:?320px)?and?(min-device-width:?480px)?{??????????????
/*?樣式寫在這?*/????????????
}

現(xiàn)在有關(guān)于這方面的運(yùn)用也是相當(dāng)?shù)某墒?，twitter的Bootstrap第二版本中就加上了這方面的運(yùn)用。大家可以對(duì)比一下：

@media (max-width: 480px) { ... } ?????????????

@media (max-width: 768px) { ... } ?????????????

@media (min-width: 768px) and (max-width: 980px) { ... } ? ? ?

?@media (min-width: 1200px) { .. }