水平線標(biāo)記:<hr/> 是單標(biāo)簽
換行標(biāo)記:<br/>
段落標(biāo)記:<p>
標(biāo)題標(biāo)簽:<hn></hn> n:1-6 數(shù)字越大標(biāo)題越大
文本樣式標(biāo)記:<font>文本內(nèi)容</font>
加粗:<b></b>或<strong></strong>
斜體:<i></i>或<em></em>
加刪除線:<s></s>或<del></del>
加下劃線:<u></u>或<ins></ins>
圖像標(biāo)記:<img src="圖像url" alt="圖像不能顯示時(shí)替換的文本" title="鼠標(biāo)懸停時(shí)顯示的內(nèi)容" width="寬度" height="高度"/>
創(chuàng)建超鏈接:<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
target:用于指定鏈接頁面打開方式禁筏,有_self(為默認(rèn)值)和_blank(在新窗口打開)
<base/>:設(shè)置整體鏈接的打開狀態(tài)
創(chuàng)建錨鏈接:
1.<a href="#id名">鏈接文本</a>
2.使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置
無序列表:
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
有序列表:
<ol>
<li>列表1</li>
<li>列表2</li>
</ol>
自定義列表:
<dl>
<dt>名詞1</dt>
<dd>名詞1解釋</dd>
</dl>
cellspacing:單元格與單元格之間的距離
cellpading:文字與單元格之間的距離
align:表格在網(wǎng)頁中的對齊方式
caption:定義表格標(biāo)題
表單語法:
<form name="form_name" action="url" method="get/post">...</form>
name:定義表單的名稱
method:瀏覽器傳到服務(wù)器的方式,一般默認(rèn)get
<input type="控件類型">
text:單行文本輸入框
password:密碼輸入框
radio:單選按鈕
checkbox:復(fù)選框
botton:普通按鈕
submit:提交按鈕
reset:重置按鈕
image:圖像形式的提交按鈕
hidden:隱藏域
file:文本域
<textarea cols="寬度" rows="高度">文本內(nèi)容</textarea>
下拉菜單
<select>
<option>北京 </option>
<option>上海</option>
</select>
<link rel="stylesheet" href=" ">引入外部樣式表
tr :行
td:列
設(shè)置表格表頭:<caption><h3>人員信息表</h3></caption>
表格結(jié)構(gòu)
<table>
<thead></thead> 頭
<tbody></tbody> 身體
<tfoot></tfoot> 腳
</table>
單元格橫向合并:
<tr>
<td></td>
<td colspan="2"></td>
<td></td>
</tr>
縱向合并:
<tr>
<td></td>
<td rowspan="2"></td>
<td></td>
<td rowspan="2"></td>
</tr>
maxlength:設(shè)置文本輸入框最多只能輸入多少字符
readonly="readonly":設(shè)置文本輸入框?yàn)橹蛔x
disabled="disabled":控件屬于未激活的狀態(tài)
name="username":給輸入框設(shè)置名稱
value=“”:設(shè)置或顯示輸入的值
checked="checked":設(shè)置默認(rèn)的選中值
multiple="multiple":實(shí)現(xiàn)多選效果
header:頭部
container:內(nèi)容
footer:尾部
nav:導(dǎo)航
sidebar:側(cè)欄
logo:標(biāo)志
banner:廣告
main:頁面主體
content:內(nèi)容
text-align:文字居中格式
font-size:設(shè)置文字大小
font-family:設(shè)置字體
font-weight:字體加粗
font-style:字體風(fēng)格
color:文字顏色
text-indent:首行縮進(jìn)
italic:文字斜體顯示
normal:文字正常顯示
margin:0 auto;盒子居中顯示
塊級元素:<div> <p> <h1> <form> <ul> <li>
行內(nèi)元素:<a><span><br><i><em><strong><lable>
行內(nèi)塊元素:<img><input>
行內(nèi)元素轉(zhuǎn)塊元素:display:block
行內(nèi)元素轉(zhuǎn)行內(nèi)塊元素:display:inline-block
display:inline:轉(zhuǎn)為行內(nèi)元素
css偽類
:link 應(yīng)用于未被訪問過的鏈接
:hover 應(yīng)用于用鼠標(biāo)指針懸停于其上的元素
:active 應(yīng)用于被激活的元素衡招,如被點(diǎn)擊的鏈接篱昔,按下的按鈕
:visited 應(yīng)用于已被訪問過的鏈接
:focus 應(yīng)用于擁有鍵盤輸入焦點(diǎn)的元素
基礎(chǔ)選擇器
標(biāo)簽選擇器:p{屬性:值;}
類選擇器 .fontcolor{color:red;}
調(diào)用<p class="fontcolor">文字</p>
id選擇器
#自定義名稱{屬性:值}
通配符選擇器
*{屬性:值}
復(fù)合選擇器
標(biāo)簽指定式選擇器 p.類選擇器{屬性:值;}
后代選擇器 選擇器 選擇器{屬性:值州刽;}
并集選擇器 選擇器空执,選擇器,選擇器{屬性:值穗椅;}
浮動(dòng):float
overflow:hidden 溢出的隱藏
clear:left/right/both 清除浮動(dòng)
overflow介紹
overflow:visible 默認(rèn)值辨绊,內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素框外
overflow:hidden 內(nèi)容會(huì)被修剪匹表,并且其余的內(nèi)容不可見的
overflow:scroll 內(nèi)容會(huì)被修剪门坷,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余內(nèi)容
overfolw:auto 如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容
定位
position:static 靜態(tài)定位(按照標(biāo)準(zhǔn)流的方式顯示)
position:absolute 絕對定位 (以瀏覽器左上角為基準(zhǔn)設(shè)置位置袍镀;當(dāng)一個(gè)盒子包含在另一個(gè)盒子中默蚌,父盒子未設(shè)置定位,子盒子以瀏覽器左上角為基準(zhǔn)設(shè)置位置苇羡,當(dāng)父盒子設(shè)置定位绸吸,子盒子以父盒子左上角為基準(zhǔn)設(shè)置位置;絕對定位絕對不占空間位置设江,與浮動(dòng)一樣锦茁;可實(shí)現(xiàn)模式轉(zhuǎn)換)
position:relative 相對定位(以元素自身位置為基準(zhǔn)設(shè)置位置;相對定位占位置叉存;一般子元素設(shè)置相對定位码俩,父元素設(shè)置絕對定位)
position:fixed 固定定位 (不占位置)
margin:0 auto 居中對齊
display:none 不顯示元素
vertical-align:middle 垂直對齊
絕對定位(看臉型)
脫標(biāo)/模式轉(zhuǎn)換
相對定位
沒有脫標(biāo)/子絕父相
固定定位
脫標(biāo)/模式轉(zhuǎn)換
筆記
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門安聘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來痰洒,“玉大人,你說我怎么就攤上這事浴韭∏鹩鳎” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵念颈,是天一觀的道長泉粉。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么嗡靡? 我笑而不...
- 正文 為了忘掉前任跺撼,我火速辦了婚禮,結(jié)果婚禮上讨彼,老公的妹妹穿的比我還像新娘歉井。我一直安慰自己,他們只是感情好哈误,可當(dāng)我...
- 文/花漫 我一把揭開白布哩至。 她就那樣靜靜地躺著,像睡著了一般黑滴。 火紅的嫁衣襯著肌膚如雪憨募。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼冈敛,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鸣皂?” 一聲冷哼從身側(cè)響起抓谴,我...
- 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寞缝,沒想到半個(gè)月后癌压,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡荆陆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年滩届,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片被啼。...
- 正文 年R本政府宣布命浴,位于F島的核電站娄猫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稚新,卻給世界環(huán)境...
- 文/蒙蒙 一勘伺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧褂删,春花似錦飞醉、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至难衰,卻和暖如春钦无,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盖袭。 一陣腳步聲響...
- 正文 我出身青樓弟塞,卻偏偏與公主長得像,于是被迫代替她去往敵國和親拙已。 傳聞我的和親對象是個(gè)殘疾皇子决记,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 新用戶往往對于印象筆記的筆記建车、筆記本扩借、筆記本組感到糾結(jié)。從了解到的情況來看癞志,這種糾結(jié)主要是由于日常使用Window...
- 在當(dāng)今這個(gè)信息爆炸的年代秉宿,充斥著各種信息戒突,良莠不齊。沒有價(jià)值的信息看一眼就好描睦,有用的信息則需要?dú)w納膊存、整理,沒有經(jīng)過...
- 寫作背景: 你現(xiàn)在運(yùn)營著一個(gè)以“帶你讀書”為主要內(nèi)容的微信訂閱號(hào)爵卒,目前粉絲10萬人虚缎。最近一家出版社找到你們,希望為...