筆記

水平線標(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)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鹉胖,隨后出現(xiàn)的幾起案子握玛,更是在濱河造成了極大的恐慌够傍,老刑警劉巖甫菠,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異冕屯,居然都是意外死亡寂诱,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門安聘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來痰洒,“玉大人,你說我怎么就攤上這事浴韭∏鹩鳎” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵念颈,是天一觀的道長泉粉。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么嗡靡? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任跺撼,我火速辦了婚禮,結(jié)果婚禮上讨彼,老公的妹妹穿的比我還像新娘歉井。我一直安慰自己,他們只是感情好哈误,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布哩至。 她就那樣靜靜地躺著,像睡著了一般黑滴。 火紅的嫁衣襯著肌膚如雪憨募。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天袁辈,我揣著相機(jī)與錄音菜谣,去河邊找鬼。 笑死晚缩,一個(gè)胖子當(dāng)著我的面吹牛尾膊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播荞彼,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼冈敛,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鸣皂?” 一聲冷哼從身側(cè)響起抓谴,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寞缝,沒想到半個(gè)月后癌压,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡荆陆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年滩届,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片被啼。...
    茶點(diǎn)故事閱讀 38,617評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡帜消,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出浓体,到底是詐尸還是另有隱情泡挺,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布命浴,位于F島的核電站娄猫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜稚新,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一勘伺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧褂删,春花似錦飞醉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至难衰,卻和暖如春钦无,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盖袭。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工失暂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鳄虱。 一個(gè)月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓弟塞,卻偏偏與公主長得像,于是被迫代替她去往敵國和親拙已。 傳聞我的和親對象是個(gè)殘疾皇子决记,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 新用戶往往對于印象筆記的筆記建车、筆記本扩借、筆記本組感到糾結(jié)。從了解到的情況來看癞志,這種糾結(jié)主要是由于日常使用Window...
    嵇嘉理閱讀 13,138評論 1 6
  • 在當(dāng)今這個(gè)信息爆炸的年代秉宿,充斥著各種信息戒突,良莠不齊。沒有價(jià)值的信息看一眼就好描睦,有用的信息則需要?dú)w納膊存、整理,沒有經(jīng)過...
    伯虔閱讀 42,821評論 17 128
  • 2017.6第29篇 星期四 晴 今天兒子回來說發(fā)暑假園地了,我看了一下隔崎,一天就寫了4頁今艺,古詩還有不會(huì)的,跟...
    鑫隆媽媽閱讀 188評論 0 0
  • 寫作背景: 你現(xiàn)在運(yùn)營著一個(gè)以“帶你讀書”為主要內(nèi)容的微信訂閱號(hào)爵卒,目前粉絲10萬人虚缎。最近一家出版社找到你們,希望為...
    繩墨閱讀 949評論 0 0
  • 徐徐微風(fēng)钓株, 吹拂著河邊的蘆葦实牡。 搖搖擺擺, 驚醒睡夢中的野鴨轴合。 皎皎明月创坞, 浮在誰一樣的天上。 漾漾微波受葛, 喚醒夢...
    紅璞閱讀 154評論 0 1