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 執行除錯 輸入裝...