web前端學習 第四天

2021-10-23 19:30:05 字數 3026 閱讀 1727

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因為有相...