選擇器,宣告(由乙個屬性和乙個值)
注釋:/* */
選擇器:
1. id選擇器,class選擇器
2. 組和選擇
3. 屬性選擇
建立:
外部樣式表
html
內部樣式表
html
內聯樣式
html 這是乙個段落。
多重樣式優先順序
(內聯樣式)inline style > (內部樣式)internal style sheet >(外部樣式)external style sheet > 瀏覽器預設樣式
背景:
文字:
字型:
列表:
盒子模型:
邊框屬性:
邊框輪廓:
margin(外邊距):
padding(填充):
分組 和 巢狀 選擇器:
/*分組*/
h1,h2,p
/*巢狀*/
p.marked
.marked p
p.marked
尺寸:
塊級元素(block)特性:
內聯元素(inline)特性:
塊級元素主要有:
內聯元素主要有:
可變元素(根據上下文關係確定該元素是塊元素還是內聯元素):
css中塊級、內聯元素的應用:
利用css我們可以擺脫上面**裡html標籤歸類的限制,自由地在不同標籤/元素上應用我們需要的屬性。
主要用的css樣式有以下三個:
我們常將元素加上
display:inline-block
樣式,原本垂直的列表就可以水平顯示了。
定位:
relative:定位是相對於自身位置定位(設定偏移量的時候,會相對於自身所在的位置偏移)。設定了 relative 的元素仍然處在文件流中,元素的寬高不變,設定偏移量也不會影響其他元素的位置。最外層容器設定為 relative 定位,在沒有設定寬度的情況下,寬度是整個瀏覽器的寬度。
absolute:定位是相對於離元素最近的設定了絕對或相對定位的父元素決定的,如果沒有父元素設定絕對或相對定位,則元素相對於根元素即 html 元素定位。設定了 absolute 的元素脫了了文件流,元素在沒有設定寬度的情況下,寬度由元素裡面的內容決定。脫離後原來的位置相當於是空的,下面的元素會來佔據位置。
Js中設定css樣式
css div.style style js window.onload function false script html div 按鈕 button body 方法1.使用obj.style來修改css obj.style.屬性名 屬性值 此方法設定的是內聯樣式,而且有 時需要使用駝峰命名法 ...
PHP使用echo輸出標籤設定CSS樣式問題
使用php是可以輸出html標籤的,這為頁面設計帶來很大方便。在此記錄php輸出標籤設定css樣式的問題 echo可使用 或你不用引號,如果想要輸出帶css樣式的html標籤,echo使用 輸出即可。關於echo三種輸出的區別 1.整數型的值可以直接輸出。像數字這類都可以不加引號直接輸出。2.輸出變...
設定video標籤的預設樣式
使用chrome除錯,如下圖,在setting裡勾選框中選項 可以看到video標籤的控制欄dom結構,如下圖,修改對應的樣式即可 全屏按鈕 video webkit media controls fullscreen button video webkit media controls play ...