css的簡單入門

2021-09-25 21:31:38 字數 1014 閱讀 7523

在乙個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...