標簽欠雌,短文本引用
注意要引用的文本不用加雙引號判导,瀏覽器會對q標簽自動添加雙引號咨察。
標簽论熙,長文本引用的作用也是引用別人的文本。但它是對長文本的引用摄狱,如在文章中引入大段某知名作家的文字脓诡,這時需要這個標簽。
表格
表格還是需要添加一些標簽進行優(yōu)化媒役,可以添加標題和摘要祝谚。代碼如下:
摘要
摘要的內(nèi)容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)酣衷,使搜索引擎更好的讀懂表格內(nèi)容交惯,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容。
語法:<table summary="表格簡介文本">
標題
用以描述表格內(nèi)容,標題的顯示位置:表格上方商玫。
四個可以安全使用的能用在鏈接上的偽類箕憾。
(1)link鏈接還未被訪問的狀態(tài)牡借。
(2)visited已被訪問過的狀態(tài)拳昌。
(3)hover鏈接被鼠標按著時的狀態(tài)
(4)active鼠標懸停在標簽上的狀態(tài)。
默認條件時钠龙,已鏈接文本顏色是藍色的炬藤,已訪問的鏈接文本是紫色的。
瀏覽器有就近原則碴里,所以要想讓一個鏈接各個階段都正常呈現(xiàn)樣式沈矿,正確的順序是link->visited->hover->active
html target屬性
一般是在a標簽中使用Target屬性,可以定義被鏈接的文檔在何處顯示咬腋。target="_blank"在瀏覽器新窗口打開文檔
target="_parent"這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集羹膳。如果這個引用是在窗口或者在頂級框架中,那么它與目標 _self 等效根竿。
target="_self"這個目標的值對所有沒有指定目標的 <a> 標簽是默認目標陵像,它使得目標文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的寇壳,除非和文檔標題? 標簽中的 target 屬性一起使用醒颖。
target="_top"這個目標使得文檔載入包含這個超鏈接的窗口,用 _top 目標將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口壳炎。
表單:
<form method="傳送方式"? action="服務器文件">
1.<form>:<form>標簽是成對出現(xiàn)的泞歉,以<form>開始,以</form>結(jié)束匿辩。
2.action:瀏覽者輸入的數(shù)據(jù)被傳送到的地方,比如一個PHP頁面(save.php)腰耙。
3.method: 數(shù)據(jù)傳送的方式(get/post)。
文本框铲球、密碼框:
<form>
<input type="text/password" name="名稱"? value="文本"/>? </form>
1挺庞、type:
當type="text"時,輸入框為文本輸入框;
當type="password"時, 輸入框為密碼輸入框睬辐。
2挠阁、name:為文本框命名,以備后臺程序ASP 溯饵、PHP使用侵俗。
3、value:為文本輸入框設置默認值丰刊。(一般起到提示作用)
文本域:
<textarea rows="行數(shù)" cols="列數(shù)"> 文本</textarea>
文本
1隘谣、標簽是成對出現(xiàn)的,以<textarea>開始,以<textarea>結(jié)束寻歧。
2掌栅、cols :多行輸入域的列數(shù)。
3码泛、rows :多行輸入域的行數(shù)猾封。
4、在標簽之間可以輸入默認值噪珊。
注意這兩個屬性可用css樣式的width和height來代替:col用width晌缘、row用height來代替。
三種樣式的 優(yōu)先級:
內(nèi)聯(lián)式>嵌入式 > 外部式痢站,但是嵌入式>外部式有一個前提:嵌入式css樣式的位置一定在外部式的后面磷箕。其實總結(jié)來說,就是--就近原則(離被設置元素越近優(yōu)先級別越高)阵难。
選擇器:
標簽選擇器岳枷、類選擇器、ID選擇器呜叫、子選擇器空繁、包含選擇器、通用選擇器
類選擇器和ID選擇器的區(qū)別:
相同點:可以應用于任何元素不同點:
1怀偷、 ID選擇器只能在文檔中使用一次家厌。與類選擇器不同,在一個HTML文檔中椎工,ID選擇器只能使用一次饭于,而且僅一次。而類選擇器可以使用多次维蒙。
2掰吕、 可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式颅痊,但只可以用類選擇器的方法實現(xiàn)殖熟,ID選擇器是不可以的(不能使用 ID 詞列表)
下面的代碼是正確的
.stress{? ? color:red; }
.bigsize{? ? font-size:25px; }
<p>到了<span class="stress bigsize">三年級</span>下學期時,我們班上了一節(jié)公開課...</p>.
子選擇器:
即大于符號(>),用于選擇指定標簽元素的第一代子元素斑响。
包含選擇器:
即加入空格,用于選擇指定標簽元素下的后輩元素菱属。
與子選擇器的區(qū)別,子選擇器作用于子元素的第一代后代舰罚。而后代選擇器是作用于所有子后代元素纽门。后代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇营罢。
總結(jié):>作用于元素的第一代后代赏陵,空格作用于元素的所有后代。
通用選擇器:
功能最強大的選擇器,它使用一個(*)號指定蝙搔,它的作用是匹配html中所有標簽元素
段落排版--縮進:
p{text-indent:2em;}注意:2em的意思就是文字的2倍大小缕溉。
段落排版--行間距(行高):
p{line-height:1.5em;}
css布局模型:
在網(wǎng)頁中,元素有三種布局模型:1吃型、流動模型(Flow)2证鸥、浮動模型 (Float)3、層模型(Layer)
層模型有三種形式:
1败玉、絕對定位(position: absolute)
2敌土、相對定位(position: relative)
3、固定定位(position: fixed)
元素居中:
在CSS中运翼,html中的標簽元素大體被分為三種不同的類型:塊狀元素、行內(nèi)元素和內(nèi)聯(lián)塊狀元素兴枯。
<div> <p> <h1>~<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>
常用的行內(nèi)元素有:
<a> <span> <br> <em> <i> <strong> <label> <q> <var> <cite> <code>
常用的內(nèi)聯(lián)塊狀元素有:
<img> <input>
1血淌、行內(nèi)元素、塊狀元素财剖,塊狀元素里面又分為定寬塊狀元素悠夯,以及不定寬塊狀元素。
如果被設置元素為文本躺坟、圖片等行內(nèi)元素時沦补,水平居中是通過給父元素設置text-align:center來實現(xiàn)的。
2咪橙、定寬塊狀元素:塊狀元素的寬度width為固定值夕膀。
滿足定寬和塊狀兩個條件的元素是可以通過設置“左右margin”值為“auto”來實現(xiàn)居中的。我們來看個例子就是設置 div 這個塊狀元素水平居中:
width:200px;/*定寬*/
margin:20px auto;/* margin-left與 margin-right 設置為 auto */
注意:元素的“上下 margin” 是可以隨意設置的美侦。
[if !supportLists]3产舞、[endif]不定寬塊狀元素:塊狀元素的寬度width不固定。
不定寬度的塊狀元素有三種方法居中(這三種方法目前使用的都很多):
[if !supportLists]1)[endif]加入table標簽:table其長度根據(jù)其內(nèi)文本長度決定菠剩,因此可以看做一個定寬度塊元素易猫,然后再利用定寬度塊狀居中的margin的方法,使其水平居中具壮。
[if !supportLists]2)[endif]設置display: inline方法:與第一種類似准颓,顯示類型設為 行內(nèi)元素,進行不定寬元素的屬性設置
3)設置position:relative和 left:50%:利用 相對定位 的方式棺妓,將元素向左偏移 50% 攘已,即達到居中的目的