css基本概念

2021-10-23 19:30:05 字數 1456 閱讀 7074

cascading style sheet 層疊樣式表

選擇器

標籤:…之類的標籤 使用方式:直接輸入標籤名

類(class):class名字 使用方式:輸入點+class名

id:id名 使用方式:輸入#+id名

一般來說我們寫css檔案的時候用的都是第二種選擇器,class名

這是因為id名一般被用作js的選擇器

給class命名也是有規範的,像***-***x這樣做的好處是讓你的**更清晰

別人也更容易看懂

行內樣式(內嵌樣式):

直接寫在標籤裡,使用style屬性,只對當前標籤有效,頁面內容和表現形式是高度耦合的,不利於分工合作

內部樣式(內聯樣式):

內部樣式是在head部分使用

外部樣式(外聯樣式):

外部樣式需要乙個link標籤來與html連線起來,內容與表現形式完全分離,而且任何需要用到改樣式的頁面都可以通過link標籤連線的方式來實現

字型相關屬性

text-align(對齊方式):center(居中)/left(靠左)/right(靠右)

font-size(字型大小):56px/24px/xxpx

font-family(字型體系):「黑體」/「幼圓」

font-style(是否傾斜):italic(傾斜)/normal(正常)

font-weight(字型粗細):100/200/normal(400)/bold(700)/bolder

font-variant(是否大寫):normal/small-caps(小型大寫)

color(字型顏色):blue/red/pink/black/green/#ffffff/#663355

text-decoration:none(預設)/underline(下劃線)/overline(上劃線)/line-through(刪除線)

direction:ltr(left to right從左到右)/rtl(right to left從右到左)

text-transform:none(預設)/capitalize(首字母大寫)/uppercase(全部大寫)/

lowercase(全部小寫)

line-height(行高):normal/xx px

letter-spacing(字元間距):2px/5px/xx px

word-spacing(單詞間距):normal/2px/5px/xx px

總結完!

CSS基本概念

1 樣式表是由規則組成的 2 規則是由選擇器和宣告組成的 3 宣告是由屬性和值組成的 4 值可以是關鍵字,長度,顏色,字串,整型,實型,或者是uri 5 em亮度最好用於螢幕布局,英吋和厘公尺的絕對量度單位更適合列印布局,畫素單位用在使用者對字型大小不是首要要求的情況下 6 抖動是混合已知顏色來模擬...

css的基本概念

cascading style sheet 層疊樣式表 標籤 之類的標籤 使用方式 直接輸入標籤名 類 class class名字 使用方式 舒勇點 class名 id id名 使用方式 輸入 id名 一般來說我們寫css檔案的時候用的都是第二種選擇器 class。這是因為id名一般用作js的選擇器...

基本概念 C 基本概念

由於工作中需要用到c 編寫的一些工具,有時候需要根據需求修改或者定製工具,所以現在不得不學習一下c 的基礎語法,此為筆記,不成章法!機器語言 組合語言 高階語言 面向過程的程式設計方法 物件導向的程式設計方法 泛型程式設計方法 1 演算法設計 2 源程式編輯 3 編譯 4 連線 5 執行除錯 輸入裝...