前端學習 Day04

2021-10-23 19:26:00 字數 1405 閱讀 7938

css(cascading style sheet) 層疊樣式表
1.標籤:

…之類的標籤

使用方式:直接輸入標籤名

2.類(class):class名字

使用方式:輸入點+class名

3.id:(id)名

使用方式:輸入#+id名

一般來說我們寫css檔案的時候用的是第二種選擇器,class名;這是因為id名一般被用作js的選擇器

給class命名是有規範的,像***-***這樣做的好處是讓你的**更清晰別人更容易看懂

1.行內樣式(內嵌樣式):

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

內部樣式是在head部分使用標籤,樣式對當前頁面有效,內容和表現形式實現了一定程度的分離,但不徹底
3.外部樣式(外聯樣式):

#text1

.text2

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

text-algin(對齊方式):center/left/right

font-size(字型大小):56px/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/#ffffff/#f6f6f6

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/xx_px

word-spacing(單詞間距):normal/2px/xx_px (加空格才有效果)

Shell程式設計學習Day04

shift命令 每執行一次shift,引數的序列左移,的值減1 舉例 輸出累加和 bin bash if le 0 then echo no parameters fisum 0 while gt 0 do sum expr sum 1 shift done echo sum 這裡的 sum 1並不...

爬蟲學習筆記day04

3.步驟 1.獲取貼吧主頁url 查詢引數 2.xpath 提取頁面中所有帖子的url src 完整的鏈結 href 需要和主url進行拼接 p 5020551987 校花吧 self.url xpath div div a class j th tit href 3.匹配乙個帖子中所有的url 校...

Day04學習心得

本質上是乙個有序的集合 列表的建立 列表名 元素1,元素2 元素與元素之間使用逗號隔開,元素可以是任何型別.列表元素的訪問 列表名 index 和 字串 元組 一樣.列表的組合 list3 list1 list2 返回的是乙個新的列表.字串和元組也一樣 列表的重複 list1 10 其實也是返回乙個...