第1題，css有哪些版本？
css1，css 2, css 2.1, css3, css 4.
第2題, 有多少種把css整合到網頁裡的辦法?
有三種辦法, inline, external, internal。
第3題，什麼是css？
css是針對html元素的網路設計語言。它的出現大大的簡化了設計流程和增強了網頁的展示性。
第4題，external css的優點和缺點是什麼?
優點有:
乙個**可以管理多個樣式檔案。
多個網頁可以共享乙個或者多個樣式檔案。
可以應對樣式檔案特別複雜的情況。
缺點有:
樣式檔案作為單獨檔案需要被載入才能使用。
當樣式比較小的時候，建立乙個檔案顯得有點矯枉過正。
第5題，討論一下嵌入式樣式的好處和壞處?
好處有:
樣式跟元素合用乙個檔案。
可以使用selector和group methods.
壞處有:
其他的元素檔案無法分享這些樣式。
第6題, 什麼是css box model, 它有哪些元素?
box定義了樣式的設計和布局。它有如下元素:
margin
border
padding
content。
第7題, z-index的目的是什麼？如何使用?
z-index用來指定stack的順序。實際環境中多個元素會疊加在一起，這個順序決定了這些元素是如何顯示的。
z-index可以有如下的值:
auto, 跟父級元素相同。
number
initial, 確認值為0。
inherit, 跟父級元素相同。
第8題, css sprites的好處是什麼?
css sprites的好處就是把很多個小的檔案，合成乙個大的檔案，在網路傳輸中，把多個請求變成乙個請求，從而加快載入的速度。
第9題, 有哪些media types?
all, aural, braille, embossed, print, projection, handheld, tv, screen.
第10題，什麼是pseudo元素？
結合selector使用，用於對選中的元素的某一部分進行樣式變化。
比如，它可以對第1個字母, 第1行，或者第1個元素進行一些樣式變化。還可以新增一些內容。
第11題， class selector的用處是什麼?
在樣式定義中，class前面會有乙個點，它的名字可以包含減號, 下劃線, 大小寫字母和數字。在使用的時候，在元素中用class屬性。
第12題, 列舉一下fonts的屬性。
fonts的屬性包括font style, font variant , fomt weight, font size, line height, font family, caption, icon.
第13題, css是大小寫敏感的嗎？
在有xhtml doctype的情況下, css是大小寫敏感的。
在html 4.01中, css不是大小寫敏感的，除了class names，font families， image urls 等等。
第14題, logical tags和physical tags的區別是什麼?
physical tag是為了指定特定的字元是如何格式化的。logical tag是為了強化某些文字。
physical tag, 被認為是展示型的標記。logical tag不會被顯示。
physical tag更新。logical tag是老古董。
第14題， 區分一下style sheet跟html。
html是定義了資料部分的結構。style sheet是定義這些資料如何展示出來.
第15題, 什麼是rule set?
rule set就是對乙個元素進行樣式定義的集合。它有兩個部分，乙個是selector, 乙個是樣式集合。
第16題, css的優勢有哪些?
提供了樣式變換的靈活性。
容易維護。
允許資料和樣式的分離。
載入網頁更快了。
多種裝置的相容性很強。
提高了瀏覽器的適應性。
第17題， 有哪三種sectors?
tagclass.
id.第18題, 說幾個pseudo元素。
first line, first letter, selection, after, before.
第19題, 說幾個pseudo class。
hover, active, first child, last child, nth child.
第20題, 什麼是屬性？如何使用它們?
你可以使用方括號來指定屬性值。input[type="radio"] {
第21題, !important是做什麼用的?
這個標記是用來重寫已經存在的樣式。用的時候一定要小心.
第22題, flex box, grid box的區別是什麼?
這兩個都是非常好的布局設計工具。
flex box相對來說更簡單，它可以對橫向和縱向的內容進行排列。
grid box, 傾向於對雙向也就是橫向和縱向內容同時進行兼顧。
第23題, 變數是做什麼用的?
變數可以用來定義類似顏色，字型，字型大小，一些座標等可以重用的數值。
第24題， 什麼是functions或者mixins?
mixins提供了一種動態機制，可以根據輸入的引數來設定不同的樣式。
第25題， 什麼是universal selector?
universal selector匹配的是任何乙個元素型別。
第26題, display hidden 和 display none有什麼區別?
display hidden是把元素隱藏起來，但是仍然佔據空間，仍然會影響整個文件的布局。
display none, 隱藏, 不佔空間。
筆記 css實現文字橫向排列 豎向排列
writing mode 書寫模式 屬性值效果 horizontal tb 橫向排列 vertical rl 豎向排列，從右到左 vertical lr 豎向排列，從左到右 舉例如下 html textbox horizontal tb 橫向排列 h1 vertical rl 縱向排列，從右到左 h...
關於子DIV橫向排列的CSS設定
今天產品中設計到乙個問題就是往div裡面加子div，寬度超過父類div的寬度，想要顯示滾動條而不是換行重新新增。其實可以用table 或用ul,li標籤實現，我為了圖省事，簡單改了下css樣式。測試 如下 效果如下 當時嘗試了用dispaly屬性來修改，但一直未成功，這樣寫不得不給個left乙個具體...
css如何實現ul和li橫向排列
因為li是塊級元素，預設佔一行的，要想實現橫向排列，一般通過以下兩個方法 float left這樣設定有乙個問題，li浮動以後則脫離了文字流，即不佔位置，如果它的父級元素有具體的樣式且沒有固定寬高，建議父元素清除浮動，或者設定固定寬高。display inline block即把li變為行內元素且可...