概念：
css層疊樣式表：層疊所以可以多個樣式作用在同乙個html上，同時生效
好處：1. 功能比html強大
2. 將內容展示和樣式控制分離
降低耦合（解耦）
實現樣式頁面分離開發分工更細化，提高開發效率
* 內聯樣式：在標籤內使用style屬性定義css屬性
* 內部樣式：在head標籤內定義style標籤
* 外部樣式：在外邊寫css檔案通過標籤引入html(或者jsp..)來實現標籤
``````
css基本格式:
選擇器；
在一般情況下後端工程師常用用class選擇器和id選擇器
基礎選擇器
- id選擇器 ：#id名
- 元素選擇器 :標籤名稱
- 類選擇器 : .class名
id選擇器優先生效
- 並集選擇器： 選擇器1，選擇器2 //兩個選擇器範圍內會同時生效
- 子選擇器：選擇器1 選擇器2 //選擇器1中的選擇器2選擇的範圍內生效
- 父選擇權：選擇權1>選擇器2 //從子類(選擇器2)開始向上查詢父標籤()使父標籤範圍內生效
- 屬性選擇器：標籤名[屬性名=「屬性值」] //標籤中具有相應屬性的範圍生效
- 偽類選擇器：標籤名：狀態名 //該標籤在響應狀態時生效
常用屬性：
1. 字型.文字
- font-size;字型大小
- color：顏色
- text-align：對齊方式
- line-height：行高
2. 背景
background：
3. 邊框
border：邊框
4. 尺寸
width：寬度
height：高度
5. 盒子模型
- 外邊距：margin
- 內邊距：padding
預設情況下會內邊距會影響整個盒子大小！！
為了減少內邊距對盒子大小的影響我們設定該盒子的屬性
* 盒子的屬性box-sizing:border-box；
這樣設定之後盒子就會被width和heigth
- 浮動屬性：flaot
CSS內容學習整理
css是層疊樣式表，英文全稱 cascading style sheets css樣式分為 內部樣式 外部樣式 行內樣式 渡課官網 p 渡課官網 p2 p2 渡課官網 color 單詞 十六進製制 rgb x,x,x 文字樣式 注意點 text decoration 文字的下劃線 none 無 un...
常用css和js內容
1.讓乙個200x200的div在不同解析度螢幕上下左右居中。2.闡述清楚浮動的幾種方式 1 手動給父級div高度 height。2 父級div定義 overflow hidden 3 結尾處加空div標籤 clear both 3.如何用原生js給乙個按鈕繫結兩個onclick事件？var btn...
CSS基礎內容 學習筆記
cascading style sheets 層疊樣式表！樣式表 顯示的效果！層疊 可以對同一元素設定相同屬性的不同值 更改其顯示效果！html 頁面顯示內容的骨架！沒毛的鸚鵡！css 對頁面顯示的骨架內容進行美化！長了一身很漂亮羽毛的鸚鵡！方式一 行內引入 直接將css 寫在標籤的內部 每乙個ht...