CSS最基本的東西

2021-10-24 11:18:23 字數 1464 閱讀 7997

css的三種樣式

1.行內式

2.內部樣式表

3.外部樣式表(需要使用link)

基礎選擇器

1.標籤選擇器

能把某一類標籤全部選擇出來,就是不能差異化設計

2.類選擇器

先建立乙個或多個類名 class=" 類名" , .類名(優點就是可以多個或乙個選擇)

3.id選擇器

id只能有乙個,不能重複使用

4.id選擇器和類選擇器區別

它們之間最大的不同在於使用的次數上,類選擇器使用的最多而id選擇器多用在js上

5.萬用字元選擇器

萬用字元選擇器用*號表示,*就是選擇所有的標籤他是 所有選擇器中作用範圍最廣的,能匹配頁面中所有的元素。

總結:盡量少用通用選擇器,盡量少用id選擇器,不使用無具體語義定義的標籤選擇器 div span

css的字型文字樣式

1.font-size用來設定字型大小大小

2.font-family 字型的種類

網頁中常用的字型有宋體、微軟雅黑、黑體等,可以同時指定多個字型用逗號(各種字型用英文狀態下的逗號隔開)隔開不支援就下乙個,中文字型需要加英文狀態下的引號,英文本型一般個需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。

3.font-weight 字型的粗細

使用b和strong標籤是文字加粗。

4.font-style 字型風格

5.font:綜合設定字型樣式

注意:使用font屬性時不能更換順序,各個屬性以空格隔開。其中不需要是屬性可以省略但必須保留font-size和font-family屬性

文字水平對齊:text-align

line-height:行間距

line-height屬性用於設定行間距,就是行與行之間的距離,即字元的垂直間距,一-般稱為行高。

text-indent:首行縮排

text-indent屬性用於設定首行文字的縮排 1em就是乙個字的寬度

text-decoration:文字的裝飾

text-indent:首行縮排

text-indent屬性用於設定首行文字的縮排 1em就是乙個字的寬度

text-decoration:文字的裝飾

css樣式表最基本的一些東西

一 樣式表有分為幾種 1.行內樣式表 例如 注 行內樣式就是修飾某個標籤,規定的樣式只對所修飾的標籤有效 這種方法比較麻煩,可以統一入在 鏈結外部樣式表是通過html的link標籤,把樣式表建立關聯 其中,rel stylesheet 表示在網頁中使用這個外部樣式表,type text css 表示...

css 最重要,最基本的知識

css文件流與塊級元素 block 內聯元素 inline 之前翻閱不少書籍,看過不少文章,看到所多的是零碎的css布局基本知識,比較表面。看過o reilly的 css權威指南 發現裡面提到的文件流概念讓我很敏感。可惡的是書中並沒有解釋文件流是什麼東西,或許作者覺得這個太簡單了以至於不值一提。但我...

最基本的委託

有些教材,部落格說到委託都會提到事件,雖然事件是委託的乙個例項,但是為了理解起來更簡單,今天只談委託不談事件。先上一段 下邊的 完成了乙個委託應用的演示。乙個委託分三個步驟 public partial class webform3 system.web.ui.page step02 宣告乙個方法來...