今天咱們一起來看下css樣式表的基本基礎
經常看部落格或者喜歡鑽研**這一類的人對css可能有所耳聞，但具體的可能不是很清楚
那什麼是css呢？與html又有什麼區別呢？今天咱們就來說道下這個css
css：層疊式樣式表
html：超文字標記語言
html是負責展示你的網頁上都有什麼內容，都有什麼
css是負責你的網頁上的內容都怎麼擺布，什麼樣的格局
那css到底怎麼用呢？布局用html中的table不久可以布局麼，根據具體要求進行切割就行，沒必要用css布局，很多人都會這麼想
那我要是告訴你一種簡單快捷高效的布局方式，你還會用哪個？本來用table布局你需要三個工作日，那用css只需要半天就可以了，並且還會有很多人性化的展示，你會選擇哪個？不要告訴我你習慣了table，不會去學別的了，這不現實，保質保量的背後一定要有效率的存在才能成立，不多廢話，開始正題
咱們先來做這麼乙個東西，大家看一下效果
無論是看**還是看效果，都是簡單明確，指向性強，並且可除錯的更加細膩，比方說第一行的字型大小，用html來寫就是這樣
1在html中size最大也就是7，並且是字型大小，而在css中調的是畫素px，你可以乙個畫素乙個畫素的調，更加精確更加細膩，畢竟現在的顯示器都到了4k了<
font
size
="7"
>阿拉斯加的辣椒素
font
>
那從**量來看可能很多人認為css這個**量並不比html中的少啊，別慌，往下看
就簡單的隨便寫幾個**出來的效果，用table你要切多少次？好處不必多說，趨勢的發展容不得你不去改變
今天咱麼需要記住的東西還是比較多的
看下面在css中最常用到的就是style：屬性方式
所有的屬性記得要寫在style裡面（其實我是靠江南style來記住的）
width：寬px（畫素單位px，記得要帶單位）
height：高（同上）
background-color：背景色red/#010101
font-weight:字型粗細
font-style:傾斜
text-decoration:line-through/under-line 下劃線
color：顏色
font-size:尺寸 一般情況下就是12~16px， 需要展示用的時候可以用到18px
font-family:字型樣式
float:left 流式布局
min=width:300px 最小寬度（用在float：left上的，起到限制作用，可以這麼簡單的理解下）
background-image:url(相對路徑)
background-repeat:round 在設定背景圖中，round選項會橫向和縱向重複一張，不會被裁剪，但是可能會改變影象大小，如果換成space，那就不會被裁剪或者是改變大小
position:absolute是絕對位置，就是將控制項固定在某處，比如說將空間固定在頁面中間，無論你怎麼拉伸或縮小瀏覽器，這個控制項依舊處於頁面中的中間位置
使用js修改css樣式表
有些情況下,我們需要頁面載入時就快速修改元素的樣式,但如果在頁面dom載入完後再修改css,雖然元素樣式快速變化,但肉眼能觀察到,所以需要js動態生成樣式表,宣告所希望的css樣式.執行js時,頁面會有很短暫的阻塞,等js執行完畢後,瀏覽器會根據所修改的樣式繼續渲染css.這樣的樣式才不會 閃一下 ...
js獲取元素css樣式表中的樣式
情況一 寬高都寫在樣式表裡，即外部樣式或嵌入式樣式，比如 div1。這種情況通過 div1.style.width拿不到寬度，而通過 div1.offsetwidth才可以獲取到寬度。情況二 寬和高是寫在行內中，即內聯式樣式，比如style width 120px 這中情況通過上述2個方法都能拿到寬...
css 樣式表學習和應用
一般來說，樣式表的宣告分為選擇符 selector 和塊 block 塊裡包含屬性 properties 和屬性的取值 value 基本格式如下 基本格式 選擇符 其它格式1 選擇符1，選擇符2，選擇符3 有時候多個選擇符將使用相同的設定，為了簡化 我們可以一次性為它們設定樣式，並在多個選擇符之間加...