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...