Day01

A:學(xué)的內(nèi)容

1.什么是HTML和CSS

html是用來寫網(wǎng)頁的結(jié)構(gòu),css是用來修飾html

2.常用的html標(biāo)簽

(1)結(jié)構(gòu)標(biāo)簽:
頭部標(biāo)簽<head> </head>
內(nèi)容標(biāo)簽<body> </body>
樣式標(biāo)簽<style> </style>
<>開始標(biāo)簽
</>結(jié)束標(biāo)簽
(2)標(biāo)題標(biāo)簽:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>

(3)圖像標(biāo)簽:

(4)列表標(biāo)簽:
無序列表:
<ul>
<li> </li>
</ul>
定義列表:
<dl>

<dt> <dt>
<dd> <dd>
</dl>
(5)盒子標(biāo)簽:<div> </div>
(6)超鏈接標(biāo)簽:<a> </a>
(7)段落文本標(biāo)簽:<p> </p>
(8)文本框標(biāo)簽:<input type="text"/>
(9)按鈕標(biāo)簽:<button> <button>

3.CSS樣式
       背景顏色background-color
       字體大小 font-size
       高度 height: 50
       行高 line-height
       字體顏色color
      文本對齊 : text-align: center/right/left
      外邊距margin;
       內(nèi)邊距:padding
4.選擇器

id選擇器
class選擇器
元素選擇器

5.盒子模型

margin:外邊距
margin-left,margin-right,margin-top,margin-bottom
order:邊框
border-width:邊框的寬度
border-style:solid/dotted
border-color:邊框的顏色
padding:填充
padding-left,padding-right,padding-top,padding-bottom
width;
margin-right: auto;
margin-left:auto;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,125評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,873評論 32 459
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 1,120評論 0 1
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,447評論 0 5
  • 1 行走在陽光下,我看到路邊梧桐花開,散發(fā)著香甜的味道。泛著新綠的樹木,亭亭玉立在路邊,洋溢著春的氣息。小院門口,...
    彧婠九尾貓閱讀 1,048評論 9 6

友情鏈接更多精彩內(nèi)容