模板**:
後台資料庫模板
模板之家
原始碼之家
文字樣式
偽類列表
背景漸變色
盒子模型
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...