css基礎入門

2022-09-01 16:48:22 字數 780 閱讀 4164

如果說html只是一些標籤,css就是裝修裝飾標籤的**

有些html是有預設自帶一些css樣式的,正常情況下是需要把預設樣式去掉的,因為會影響頁面樣式,而且預設的很不美觀,比如,body標籤自帶8px的margin,p標籤自帶上下margin,ul裡的li自帶黑色的點,按鈕自帶背景顏色,border邊框,input輸入框自帶outline邊框,border邊框等等

常用的css樣式有

margin 外邊距

padding 內邊距

border 盒子邊距

乙個300px的正方形div,padding是10px,margin是10px,border是10px,那這個div是實際大小是300+60,因為他是個標準盒子模型,在css3裡出現了新盒子模型,這個在css3裡單獨講

color 字型顏色color會給沒有設定border-color的border新增相同的顏色

background-color 背景顏色

float 浮動

display 標籤型別

font-size 文字大小

font-weight 文字粗細

text-align 行內元素以及文字的對齊方向

position 定位定位口訣:子相absolute父絕relative/fixed

z-index 定位高度

overflow 布局

偽類 :hover,:after,:before

CSS入門基礎

一 選擇器詳解 下 符合選擇器部分 標籤指定式選擇器 交集選擇器 語法 標籤名 其他選擇器 示例 段落文字1 段落文字2 效果 段落文字1顯示紅色 結論 標籤指定式選擇器中的兩個選擇器是既 又的關係,如示例中,既是p標籤,又必須class屬性為content的元素被選中。後代選擇器 語法 選擇器1 ...

CSS基礎入門

css是w3c協會 全球資訊網聯盟 為了彌補html在顯示屬性設定上面的不足而制定的一套擴充套件樣式標準。css的基本規則是 選擇符。css選擇器常用的是標記選擇器 類別選擇器和id選擇器,使用選擇器可對不同的html標籤進行控制,從而實現各種效果。標記選擇器是直接對標籤名稱進行選擇,選擇符為標籤名...

CSS入門基礎

內聯樣式 可以將css樣式編寫到元素的style屬性中 將樣式直接編寫到style屬性中,這種樣式我們稱為內聯樣式 內聯樣式只對當前元素中的內容起作用,內聯樣式不方便復用 內聯樣式屬於結構與表現耦合,不方便後期的維護,不推薦使用的 例 鋤禾日當午,汗滴禾下土 誰知盤中餐,粒粒皆辛苦 內部樣式表 也可...