web相關基礎知識
2017-12-13 09:47:11
關於HTML
1.絕對路徑和相對路徑
相對路徑:相對於文件自身為參考。 (工作中一般是使用相對路徑)
這裏我們用html文件為參考。如果說html和圖片平級,那直接使用src
如果說圖片在和html平級的文件夾裏面,那麽使用文件夾/圖片
如果說圖片在html的上一級文件中,使用../圖片,或者在上級文件夾的子文件夾裏面,使用../ppt/圖片 (但是要保證在同一個項目中)
絕對路徑:從盤符開始,C:\windows\system32\cmd.exe
2.相關的標簽
<strong> 加粗標簽 <em> 文本傾斜標簽 <del>刪除線標簽 <ins> 下劃線標簽
<a > (其中的target屬性,默認是_self,可以不寫,指關閉自身頁面打開新頁面,_blank在新頁面中打開,自身頁面保留)
空標簽: <a href="#">
也可以用於壓縮包的下載 (不推薦)
錨點 可以在頁面的某個地方設置錨點,然後用可以使得點擊回到設置錨點的地方。
<ul type="square">用於修改列表的前面的小圖標展示。(square-小方塊 disc-實心小圓圈 circle-空心小圓圈 )
<ol type="1"> (有序的type可以是很多種,字母,數字,羅馬數字)
自定義列表:<dl>
<dt>幫助中心<dt> 小標題
<dd>賬戶管理<dd> 內容
<dd>購物指南<dd> 內容
</dl>
音樂標簽:<embed src="" hidden=true>
滾動標簽:<marquee></marquee> 滾動標簽;
!+tab 新生成html5標簽
<table> :關於快速建立表格的方法,比如說我們要建立三行四列的表格,那麽輸入table>tr*3>td*4 再按tab鍵就OK
屬性:cellspacing-用來表示單元格之間的間隙,值是數字,表示像素點。cellpadding-用來表示單元格內文字和單元格四周的距離,值是數字。
width="400",或者是用style="width:400px"
<tr>:屬性 :valign=“top”設置這一行的內容是水平靠上還是靠下,align=“left”表示水平方向上靠左還是靠右。
關於CSS
選擇器
通配符選擇器 * { } 對頁面所有的元素都應用這個樣式。(不推薦使用,因為每次遇到一個標簽都會應用這個樣式,增加網頁負擔。解析力度大)
交集選擇器 span.demo { } 既要滿足使用了某個標簽,又要調用了類選擇器或者是ID選擇器,其中標簽和類或者ID之間不能有空格
web相關基礎知識