HTML CSS網頁樣式筆記

2021-10-07 16:32:19 字數 1303 閱讀 9298

模板**:

後台資料庫模板

模板之家

原始碼之家

文字樣式

偽類列表

背景漸變色

盒子模型

display

浮動overflow

z-index(圖層)

標籤名.類名

#id名

span標籤大多用來突出主題類的字型

字型設定:

font-family:宋體;

字型大小:

font-size:20px;

字型粗細:

font-weight:bold; lighter; bolder;

字型顏色:

color:red;

文字左右居中:

text-align:center; right(居右) left(居左)

首行縮排:

text-indent:2em;(2em為佔兩個字母位)

行高(行高和塊的高度一致才可以上下居中):

line-height:20px;

下劃線:

text-decoration:underline;

中劃線:

text-decoration:line-through;

上劃線:

text-decoration:overline;

背景:background:#ffffff;

圓角設定:

border-radius:1px;

滑鼠懸浮效果:

類,id,標籤名:hover

滑鼠單擊但未釋放時:

類,id,標籤名:active

陰影:類,id,標籤名

漸變色**:

background-color: #ffffff;

background-image: linear-gradient(180deg, #ffffff 0%, #6284ff 50%, #ff0000 100%);

margin:外邊距

padding:內邊距

border:邊框

bllock 塊元素

inline 行內元素

inline-block 塊元素,但是可以內聯,在一行

display:block;

左右浮動 fioat:

rgiht;left

清除浮動:

clear:both;

overflow:hidden;

overfiow:auto;

網頁滾動條樣式修改 html css

webkit scrollbar這個偽類選擇器能改 比如網頁右側的 滾動條樣式,不過好像挺多瀏覽器不相容,我也不是太熟這個屬性。對應改的部分 webkit scrollbar 整個滾動條.webkit scrollbar button 滾動條上的按鈕 上下箭頭 webkit scrollbar th...

(5)HTML CSS筆記(樣式)

1 樣式初始化 把你所有瀏覽器自帶的預設樣式來進行處理 可用 群組選擇器 如果有共同的樣式,可以使用群組選擇器歸類。body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p2 display 樣式型別 block 塊級樣式 inline 內聯 行內樣式 區分block與inline的...

HTML CSS樣式總結

2.行內式 內聯式 3.id選擇器 4.類,偽類.屬性選擇器 5.標籤選擇器 css樣式新增選擇器 多 控制項 選擇器 提公升指定樣式規則的應用優先權,即 important為開發者提供了乙個增加樣式權重的方法,讓瀏覽器首選執行這個語句。color blue 這是一行文字 說明 寫在標籤內的樣式 b...