Css基礎知識

2021-09-26 01:39:38 字數 764 閱讀 2491

1.css選擇器與權重計算:

id選擇器 class選擇器 關係選擇器 屬性選擇器 偽類選擇器(:hover :active :link :visited,不建議使用 link visited,會有快取)集合選擇器

權重:

!important(權重值:infinity(正無窮)) > 行間樣式( 1000) > id選擇器(100) > class選擇器(10)> 標籤選擇器(1) > 萬用字元選擇器( 0)

屬性和class選擇器是並級的

權重計算:256進製

(特殊)text-shodow:設定文字陰影 (一共四個值)

值一:影子在水平方向移動的位置

值二:影子在垂直方向移動的位置

值三:文字清晰度

值四:文字的顏色

2.盒子模型:標準盒子和ie盒子

標準盒子:margin變大,盒子不變,盒子與盒子間距變大;

ie盒子:padding變大,盒子不變大,改變內容大小;

注意:盒子與盒子之間會存在 margin塌陷(外邊距塌陷)

1.上下兩個盒子:小的外邊距被大的吸收掉了,盒子的距離為大的外邊距

2.左右兩個盒子:為兩個外邊距之和

注意了:塊元素由預設的 8 px 的外邊距,為了防止瀏覽器的預設值影響到效果,在初始化的時候,我們要清空缺省樣式;

**如下:*

補充說明:body標籤:預設的高度是0,預設的寬度是100%,等同於檢視視窗,預設的外邊距是 8 px;

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...