css的基本概念
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 (px:畫素)
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/#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/5px/***px
word-spacing(單詞間距):normal/2px/5px/***px
day04 css 細分元素,分類,特性
一,鏈結偽類選擇器 1.link 未訪問的鏈結 2.visited 已訪問的鏈結 3.hover 滑鼠移動到鏈結上 4.active 選定的鏈結 例 未點選過得鏈結顯示為紅色 注意 寫的時候,他們的順序不要顛倒,按照 l v h a 的順序。二,塊狀,行,行內塊 塊級元素 block level 常...
爬蟲學習筆記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 校...
Struts2學習筆記day04
3.在jsp頁面中匯入佔位符號 3.為訪問action的請求增加額外功能 如何開發 1.寫乙個類 implements interceptor介面 重寫 intercept actioninvocation invocation 2.配置 在struts.xml中 注意 當我們是使用了自定義 則st...