css 樣式使用方法的累積

2021-09-07 10:35:10 字數 544 閱讀 9090

我們直接看樣例然後在來解釋使用方法。

我是唐老鴨。

我住在 duckburg。

凝視:對於在 ie8 中工作的 :before,必須宣告 doctype。

頁面效果顯演示樣例如以下:

我們來解釋一下以下這個css寫法的用途

input[type="checkbox"]+p:before   

它僅僅會在checkbox 緊接著的第乙個標籤為p的段落加上「台詞」 這兩個字

這裡有個 +  和:before的使用方法,+ 這裡理解為and的意思,即input[type="checkbox"] 且 第乙個p 才會加上樣式

第二個樣例

看樣式寫法。

第三個樣例。

用css樣式畫乙個圓

div

CSS的使用方法

我們為網頁新增樣式表的方法有四種。1 最簡單的方法是直接新增在html的識別符號 tag 裡 tag style properties 網頁內容 tag 舉個例子 p style color blue font size 10pt css例項 p 說明 用藍色顯示字型大小為10pt的 css例項 儘...

css使用方法

1.css selector支援id class的定位 與html中css定位相同 號表id 定位有id的標籤方式更加簡潔 i1.代表class定位有id的標籤方式更加簡潔 c1class定位還提供了多個class定位通過連續.來縮小範圍 c1.c2.c3 2.css selector支援標籤定位沒...

Css 變數使用方法

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title root 全域性定義 root 使用方法 myvarible after可以在元素的後面加入內容 myvarible ...