cascading style sheet 層疊樣式表
標籤:之類的標籤 使用方式:直接輸入標籤名
類(class):class名字 使用方式:輸入點+class名
id:id名 使用方式:輸入#+id名
一般來說我們寫css檔案的時候用的都是第二種選擇器,class名
這是因為id名一般被用作js的選擇器
給class命名也是有規範的,像***-***x這樣做的好處是讓你的**更清晰
別人也更容易看懂
行 內 樣 式(內 嵌 樣 式):
class
="poetry1"
>
>
望月懷遠h1
>
class
="text5"
>
海上公升明月,天涯共此時。p
>
class
="text6"
>
情人怨遙夜,竟夕起相思。p
>
>
滅燭憐光滿,披衣覺露滋。p
>
class
="text8"
>
不堪盈手贈,還寢夢佳期。p
>
div>
直接寫在標籤裡,使用style屬性,支隊當前標籤有效,頁面內容和表現形式是高度耦合的,不利於分工合作
內 部 樣 式(內 聯 樣 式):
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
pstyle
>
head
>
內部樣式是在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/green/black/#ffffff/#f6f6f6
text-decoration:none(預設格式,無) /underline(下劃線) /overline(上劃線) /line-through(刪除線)
"text-decoration: line-through;">123456
"text-decoration: underline;">123456
"text-decoration: overline">123456
direction(文字方向): ltr(letf to right從左到右) /rlt(right to lift從右到左)
text-transform:none /capitalize(首字母大寫) /uppercase(所有字母都大寫) /lowercase(所有字母都小寫)
style
="text-transform
: capitalize;
">
welcome to jiaxingp
>
style
="text-transform
: uppercase;
">
welcome to jiaxingp
>
style
="text-transform
: lowercase;
">
welcome to jiaxingp
>
line-heigh(行高):normal /xx px
letter-spacing(字元間距):2px /5px /xx px
style
="letter-spacing
: normal;
">
welcomep
>
style
="letter-spacing
: 10px;
">
welcomep
>
word-spacing(單詞間距):normal /2px /5px /xx px web前端學習的第四天
學習目標 1.複習前兩天的html基礎知識。2.整理筆記。實驗成果 實驗總結 為塊元素標籤,換行。為行內元素,不換行。行內元素定義樣式,可直接寫在開始標籤內,1 例2 jaling web div1 in 定義的id名稱 div4 引用樣式還有一種方法為css內聯樣式,希望明天能夠繼續學習。學習心得...
前端 第四天學習
第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...
學習前端第四天
三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長,為了滿足頁面設計的要求,html新增了很多顯示的功能,但是隨著這些功能的增加,html變得越來越雜亂,而且html頁面也越來越臃腫,於是css便誕生了,它的版本有2.0和3.0的版本,css3因為有相...