国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

1、前端頁面有哪三層構成，分別是什么？作用是什么？

結構層（由 HTML 或 XHTML 之類的標記語言負責創(chuàng)建）、表現(xiàn)層（由CSS控制）、行為層（Javascript 語言和 DOM 主宰的領域）

2、啥子是css內(nèi)聯(lián)式，外聯(lián)式，嵌入式?

內(nèi)聯(lián)式就是樣式的屬性內(nèi)容直接跟在將要修飾的html標記里，如：
<div style=”height:30px;font-size:12px;”></div>
外聯(lián)式就是通過<link href=”my.css” type=”text/css” rel=”stylesheet”/> 或者 @import url(my.css); 方式引入css
嵌入式就是用<style type=”text/css”></style>方式把CSS直接寫在網(wǎng)頁中

3、去掉鏈接的虛線框方法

a{blr:expression(this.onFocus=this.blur());}/*只支持IE，過多使用效率低 */
a:focus{outline:none;}//FF下
其實這里還不算全部的解決方法，另篇文章里我COPY來了一份網(wǎng)上別人總結出來的方法，可以點這里查看

4、a鏈接的順序

l-v-f-h-a 既：link-visited-focus-hover-active 這里可能大家很少用到的就是focus，這個其實也是一種鏈接狀態(tài)，就是當你在鍵盤上按Tab鍵時獲得焦點的那個鏈接的即時狀態(tài)，遺憾的是ie并不支持（ie中按Tab鍵顯示的效果為a:active時的狀態(tài)），只有在FF,Opera等瀏覽器下才能看到效果。就經(jīng)常性我們就會用成L-V-H-A，這個東西其實還真有點不好記，好多人覺得老是混淆特別是那個A，這里有高人把它比如成“由愛生恨” Love Hate（LV-HA），哈哈 好記了吧！

5、css hack

*: IE6-7
_: IE6
\0: IE8-9
\9: IE6-9
!important: FF、IE7-9

CSS HACK書寫順序:先寫FF等非IE瀏覽器所需樣式，其次寫IE8所需樣式，接著是IE7的，再接著才是IE6的！

6、list-style-type 在ie6、ie7中不顯示的解決

解決方法是給項目符號騰空間，代碼：li{margin-left:25px;}

7、在IE9和FF中如何改變選擇文本顏色和背景色

::selection { background:色值;color:色值; } /*Ie9+,Webkit,Opera9.5+*/
::-moz-selection { background:色值;color:色值; } /*Mozilla Firefox*/

8、如何關閉iOS中鍵盤自動大寫

在iOS中，當虛擬鍵盤彈出時，默認情況下鍵盤是開啟首字母大寫的功能的，移動版本webkit為input元素提供了autocapitalize屬性，通過指定autocapitalize=”off”來關閉鍵盤默認首字母大寫

9、table中word-wrap:break-word;失效怎么解決

在table加上
word-wrap:break-word;
;

10、IE6雙邊距

display:inline;

11、如何解決IE6及更早瀏覽器下當li內(nèi)部元素是定義了display:block的內(nèi)聯(lián)元素時底部產(chǎn)生空白的問題？

BUG重現(xiàn)：
a,span{display:block;background:#ddd;}

如上代碼，IE6及更早瀏覽器每個li內(nèi)部的內(nèi)聯(lián)元素底部都會產(chǎn)生空白。解決方案是給li內(nèi)部的內(nèi)聯(lián)元素再加上zoom:1

12、如何解決IE7及更早瀏覽器下子元素相對定位時父元素overflow屬性的auto|hidden失效的問題？

div{overflow:auto;width:260px;height:80px;border:1px solid #ddd;}
p{position:relative;margin:0;}

如上代碼，在IE7及更早瀏覽器下你會看到div的滾動條將無法工作。解決方案是給div也設置相對定位position:relative

13、如何清除圖片下方出現(xiàn)幾像素的空白間隙？

方法1：
img{display:block;}

方法2：
img{vertical-align:top;}除了top值，還可以設置為text-top | middle | bottom | text-bottom，甚至特定的和 值都可以

方法3：
#img{font-size:0;line-height:0;}#img為img的父元素

14、如何讓文本垂直對齊文本輸入框？

input{vertical-align:middle;}

15、為什么Standard mode下IE無法設置滾動條的顏色？

將原來設置在body上的滾動條顏色樣式定義到html標簽選擇符上即可

16、如何使文本溢出邊界不換行強制在一行內(nèi)顯示？

設置容器的寬度和white-space為nowrap即可，其效果類似<nobr>標簽

17、如何使文本溢出邊界顯示為省略號？

（此方法Firefox5.0尚不支持）：

首先需設置將文本強制在一行內(nèi)顯示，然后將溢出的文本通過overflow:hidden截斷，并以text-overflow:ellipsis方式將截斷的文本顯示為省略號。

18、如何使連續(xù)的長字符串自動換行？

word-wrap的break-word值允許單詞內(nèi)換行

19、如何讓已知高度的容器在頁面中水平垂直居中？

20、如何讓未知尺寸的圖片在已知寬高的容器內(nèi)水平垂直居中？

#test是img的祖父節(jié)點，p是img的父節(jié)點。Know More：未知尺寸的圖片如何水平垂直居中

21、如何設置span的寬度和高度（即如何設置內(nèi)聯(lián)元素的寬高）？

要使內(nèi)聯(lián)元素可以設置寬高，只需將其定義為塊級或者內(nèi)聯(lián)塊級元素即可。所以方法非常多樣，既可以設置display屬性，也可以設置float屬性，
或者position屬性等等。

22、如何給一個元素定義多個不同的css規(guī)則？

.a{color:#f00;}
.b{background:#eee;}
.c{background:#ccc;}

<div class=”a b”>測試1</div>
<div class=”a c”>測試2</div>

多個規(guī)則之間使用空格分開，并且只有class能同時使用多個規(guī)則，id不可以

23、如何讓某個元素充滿整個頁面？

24、如何讓某個元素距離窗口上右下左4邊各10像素？

25、如何容器透明，內(nèi)容不透明？

方法1：

原理是容器層與內(nèi)容層并級，容器層設置透明度，內(nèi)容層通過負margin或者position絕對定位等方式覆蓋到容器層上

方法2：

高級瀏覽器直接使用rgba顏色值實現(xiàn)；IE瀏覽器在定義容器透明的同時，讓子節(jié)點相對定位，也可達到效果

26、為什么2個相鄰div的margin只有1個生效？

.box1{margin:10px 0;}
.box2{margin:20px 0;}

<div class=”box1″>box1</div>
<div class=”box2″>box2</div>

本例中box1的底部margin為10px，box2的頂部margin為20px，但表現(xiàn)在頁面上2者之間的間隔為20px，
而不是預想中的10+20px=30px，結果是選擇2者之間最大的那個margin，我們把這種機制稱之為“外邊距合并”；
外邊距合并不僅僅出現(xiàn)在相鄰的元素間，父子間同樣會出現(xiàn)。

簡單列舉幾點注意事項:
外邊距合并只出現(xiàn)在塊級元素上；
浮動元素不會和相鄰的元素產(chǎn)生外邊距合并；
絕對定位元素不會和相鄰的元素產(chǎn)生外邊距合并；
內(nèi)聯(lián)塊級元素間不會產(chǎn)生外邊距合并；
根元素間不會產(chǎn)生外邊距合并（如html與body間）；
設置了屬性overflow且值不為visible的塊級元素不會與它的子元素發(fā)生外邊距合并；

27、如何在文本框中禁用中文輸入法？

input,textarea{ime-mode:disabled;}

ime-mode為非標準屬性，寫該文檔時只有IE和Firefox支持

來自：www.appue.com