在乙個style標籤中,去編寫css內容,最好將style標籤寫在這個head標籤中
幫助我們找到我們要修飾的標籤或者元素
元素選擇器:
元素的名稱
id選擇器:
以#開頭(id在整個頁面中必須是唯一的)
#id的的名稱
類選擇器:
以 . 開頭
.類的名稱
偽類選擇器:
通常都是用在a標籤上
外部樣式:
通過link標籤引入乙個外部的css檔案
內部樣式:
直接在style標籤內編寫css**
行內樣式:
直接在標籤中新增乙個style屬性,編寫css樣式
css浮動:浮動的元素會脫離正常的文件流,在正常的文件流中不佔空間
float屬性:
left:左浮動
right:右浮動
clear屬性:清除浮動
both:兩邊都不允許浮動
left:左邊不允許浮動
right:右邊不允許浮動
流式布局
-->
按照選擇器搜尋精確度來編寫:
優先順序:
行內樣式》id選擇器》類選擇器》元素選擇器
就近原則
內邊距:
padding-top:
padding-right:
padding-bottom:
padding-left:
外邊距:
margin-top:
margin-right;
margin-bottom:
margin-left:
css絕對定位:
position:absulte
top:控制距離頂部的位置
left:控制距離左邊的位置
CSS簡單入門
css指層疊樣式表 cascading style sheets 定義如何顯示html元素 選擇器 h1 屬性 值 選擇器優先順序 內聯 外聯 id 類 元素 偽類 id選擇器為標有特定id的html元素設定樣式 para1選中同一class元素 center選中同一類元素 pselector ps...
css入門 CSS動畫入門
css入門 在本教程中,我將向您介紹css動畫。一種高效能的做事方式,隨著瀏覽器支援的提高而越來越流行。在介紹了基礎知識之後,我們將構建乙個簡單的示例,該示例會將乙個正方形元素動畫化為乙個圓形 在envato市場的設計師們一直忙於創造了一系列的css動畫,為你插上你的 從陰影到彩帶 滑塊等。您還可以...
11 CSS3簡單入門 鏈結
這一次簡單介紹下css3鏈結的使用 a link 普通的 未被訪問過鏈結時 a visited 使用者已經訪問過鏈結時 a hover 滑鼠指標位於鏈結的上方時 a active 鏈結被點選時 text decoration屬性大多用於去掉鏈結種的下劃線 直接上 1 doctype html 2 h...