加粗:
b strong
換行:
傾斜:
i em
刪除:s del
下劃線:
u ins
小號字體:
小號
上標(biāo):
1
下標(biāo):
2
添加雙引號:雙引號
引用標(biāo)題:
引用標(biāo)題ppp
×××背景黑色字體
mark
時間 日期
超鏈接
target="_self _blank _parent _search _top"
錨點
第一章
第二章
第三章
一章用name或者id
二章
3章
目前創(chuàng)新互聯(lián)已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站運(yùn)營、企業(yè)網(wǎng)站設(shè)計、安國網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
分組元素:
p div(通用分組) blockquote(展示引用) pre(展示格式化內(nèi)容) hr ul(無序列表) ol(有序列表) dldtdd(生成說明列表) figure figcaption(使用插圖)
表格元素:
姓名 | 年齡 |
---|---|
Data | 5 |
共計 |
文檔元素:
//組合標(biāo)題大標(biāo)題
副標(biāo)題
LOGO
文檔主題部分
嵌入元素:
//視頻
//進(jìn)度條
音頻和視頻:
//兼容設(shè)置
表單元素:
//搜索
//數(shù)字
蘋果:
橘子:
全局屬性:
//3秒刷新
//3秒跳轉(zhuǎn)
CSS樣式:
1.元素內(nèi)嵌樣式
2.文檔內(nèi)嵌樣式
3.外部引用樣式
樣式優(yōu)先級 從低到高
1.瀏覽器樣式
2.外部引入樣式(link)
3.文檔內(nèi)嵌樣式(style元素)
4.元素內(nèi)嵌樣式(style屬性)
5.強(qiáng)制優(yōu)先級 !important
強(qiáng)制繼承 b{border:inherit}
css選擇器:
1.基本選擇器
1.通用選擇器:*{font-size:12px;}
2.元素選擇器:p{color:red;}
3.ID選擇器
4.類選擇器
5.屬性選擇器
2.復(fù)合選擇器
1.分組選擇器:p,b,i{color:red}
2.后代選擇器:p b{color:red}
3.子選擇器:ul>li{color:red}
4.相鄰兄弟選擇器:p+b{color:red}
5.普通兄弟選擇器:p~b{color:red}
3.偽元素選擇器
1.塊級首行:::first-line{color:red}
2.塊級首字母:::first-letter{color:red;}
3.文本前插入:a::before{content:"點擊"}
4.文本后插入:a::after{content:"請進(jìn)"}
4.偽類選擇器:
1.根元素選擇器::root{color:red}
2.子元素選擇器:ul>li:first-child{color:red}
3.系列:nth-child(n) nth-last-child(n)倒數(shù)
4.UI偽類選擇器::enabled :disabled
a:link a:visited(點擊之后) a:hover(懸停) a:active(點擊不放)
更換字體 定義字體名稱及位置 引用字體
@font-face {
font-family: 'abc';
src: url('BrushScriptStd.otf');
}
p {
font-size: 50px;
font-family: abc;
}
度量單位:
CSS邊框與背景:
border: solid(實線) dashed(虛線) dotted(圓點線) double(雙線邊框最小3px) groove(槽線邊框) inset(元素內(nèi)容具有內(nèi)嵌效果) outset(元素內(nèi)容具有凸效果) ridge(嵴線邊框) solid(實線邊框)
border-radius:10px 20px 30px 40px;
background:transparent;(透明色 繼承父類背景顏色)
background-img:url(test.png);
background-position:left bottom top right;(兩兩組合)
background-size:cover(放大縮放有可能超出) contain(等比例縮放);
background-attachment:scoll(背景一塊滾動) fix(固定)
background:#ccc url(img.png) no-repeat top left / 100% border-box content-box;
body里面的底部背景圖需要html定義高度100%
div{
color:red;
opacity:0.5;(0-1)
border:10px solid #ccc;
border-shadow:
}
box-shadow
outline(外邊框)
光標(biāo)樣式
CSS3 前綴
長度單位 rem
CSS 表格與列表
表格有五種獨有樣式,樣式表如下:
列表樣式:
其他功能: