HTML CSS的基本標籤

2021-08-31 16:20:48 字數 2777 閱讀 5528

1、 大小:font-size: x-large;(特大) xx-small;(極小) 一般中文用不到,只要用數值就可以,單位:px、pd

2、樣式 :font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)

3、行高 :line-height: normal;(正常) 單位:px、pd、em

4、粗細 :font-weight: bold;(粗體) lighter;(細體) normal;(正常)

5、變體 :font-variant: small-caps;(小型大寫字母) normal;(正常)

6、大小寫 :text-transform: capitalize;(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)

7、修飾 :text-decoration: underline;(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍)

二、背景屬性:(background)

色彩:background-color: #ffffff;

:background-image: url();

重複:ackground-repeat: no-repeat;

滾動:ackground-attachment: fixed;(固定) scroll;(滾動)

位置:ackground-position: left(水平) top(垂直);

簡寫方法:background:#000 url(…) repeat fixed left top;

三、區塊屬性: (block)

字間距:etter-spacing: normal; 數值

對齊:xt-align: justify;(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)

縮排:ext-indent: 數值px;

垂直對齊:ertical-align: baseline;(基線) sub;(下標) super;(下標) top; text-top; middle; bottom; text-bottom;

詞間距:ord-spacing: normal; 數值

空格:hite-space: pre;(保留) nowrap;(不換行)

顯示:isplay:block;(塊) inline;(內嵌) list-item;(列表項) run-in;(追加部分) compact;(緊湊) marker;(標記) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(**標題)

四、方框屬性:(box)

width:; height:; float:; clear:both; margin:; padding:; 順序:上右下左

五、邊框屬性: (border)

border-style: dotted(點線); dashed(虛線); solid(實線); double(雙線); groove(槽線); ridge;(脊狀) inset;(凹陷) outset;

border-width:; 邊框寬度

border-color:#;

簡寫方法border:width style color;

六、列表屬性: (list-style)

型別:list-style-type: disc;(圓點) circle;(圓圈) square;(方塊) decimal;(數字) lower-roman;(小羅碼數字);

位置:ist-style-position: outside;(外) inside;

影象:ist-style-image: url(…);

七、css邊框空白

padding-top:10px; 上邊框留空白

padding-right:10px; 右邊框留空白

padding-bottom:10px; 下邊框留空白

padding-left:10px; 左邊框留空白

八、css連線屬性

a :所有超連結

a:link :超連結文字格式

a:visited :瀏覽過的鏈結文字格式

a:active :按下鏈結的格式

a:hover :滑鼠轉到鏈結

九、css復合選擇器

1、並集選擇器

「交集」復合選擇器由兩個選擇器直接連線構成;其中第乙個必須是標記選擇器,第二個必須是類別選擇器或者id選擇器;這兩個選擇器之間不能有空格。

2、交集選擇器

並集選擇器簡稱「集體宣告」;並集選擇器是多個選擇器通過逗號連線而成的。

3、後代選擇器

css選擇器中,還可以通過巢狀的方式對特殊位置的html 標記進行宣告,例如當

與之間包含

標記時,就可以使用後代選擇器進行相應的控制。後代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔。當標記發生巢狀時,內層的標記就成為外層標記的後代。

格式:類別選擇器(名稱)(空格)標記選擇器(名稱)

類別選擇器:

格式:·class(類別名稱)

(類別選擇器的名稱不能是中文 ,最好是英文或者拼音)

下次繼續分享div哦

html css學習 基本結構及標籤

一 html的結構 正文 二 meta標籤,標記用於定義檔案資訊 meta標籤用於定義檔案資訊,放置於 設定關鍵字 設定描述 設定作者名 設定字符集 或者 utf 8 utf 8 3位元組 gb2312 2位元組 三 html 標記語義應用 html檔名最好使用英文 字型修飾 1 標記 語法 文字顏...

HTML CSS學習 標籤(一)

1 html有哪些標籤?2 css裡有的哪些有用的屬性?3 注意點 1 html有哪些標籤?之間的文字描述網頁 之間的文字是可見的頁面內容 之間的文字被顯示為標題 之間的文字被顯示為段落 href target html 鏈結是通過 標籤進行定義的。border 定義 html 標籤在 html 頁...

html css基本用法

css 是層疊樣式表 cascading style sheets 的簡稱。css 是一種標記語言,屬於瀏覽器解釋型語言,可以直接由瀏覽器執行,不需要編譯。css語法由三部分構成 選擇器 屬性和值 selector 有三種方法可以在站點網頁上使用樣式表 嵌入式embedding 也叫內頁樣式 在網頁...