CSS基礎入門

2022-02-20 13:24:18 字數 1409 閱讀 7449

選擇器
選擇器負責圈定範圍，要修改的元素集合，花括號內的宣告由屬性名和屬性值組成(key:value)的形式，用於設定具體樣式

通配選擇器(*)：匹配所有(html,body,body中的所有子標籤(具有顯示效果的標籤)


*
標籤選擇器(標籤名)：匹配指定標籤名的對應所有標籤

div
類選擇器(.)：匹配指定類名對應的所有標籤

.dd
d_1
id選擇器(#)：匹配指定id名對應的唯一標籤

#ele
總結

1.通配選擇器一般用於整體reset操作（清除系統自定義樣式）


*2.標籤與id選擇器運用場景並不多，一般不提倡採用id選擇器進行布局


3.類選擇器為布局首選(建議基本全用class選擇器進行布局)


基本選擇器優先順序:id>class>標籤》通配
font-family: "stsong", "arial";
font:lighter italic 80mm "calibri","微軟細黑"
注：空格隔開多個值賦值，逗號隔開為乙個值多值賦值

text-decoration: underline;


text-decoration: line-through;


text-decoration: overline;
baseline： 將支援valign特性的物件的內容與基線對齊 


sub： 垂直對齊文字的下標 


super： 垂直對齊文字的上標 


top： 將支援valign特性的物件的內容與物件頂端對齊 


text-top： 將支援valign特性的物件的文字與物件頂端對齊 


middle： 將支援valign特性的物件的內容與物件中部對齊 


bottom： 將支援valign特性的物件的文字與物件底端對齊 


text-bottom： 將支援valign特性的物件的文字與物件頂端對齊 


： 用百分比指定由基線算起的偏移量。可以為負值。基線對於百分數來說就是0%。 


： 用長度值指定由基線算起的偏移量。可以為負值。基線對於數值來說為0。（css2）
normal        使用瀏覽器預設的換行規則。


break-all 允許在單詞內換行。(遇到連體的英文，html將其解析為乙個單詞)


keep-all 只能在半形空格或連字元處換行。

CSS入門基礎

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

CSS基礎入門

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

CSS入門基礎

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