day04 css學習筆記

2021-10-23 19:30:05 字數 1776 閱讀 1962

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 pxletter-spacing(字元間距)2px/5px/***pxword-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...