HTML和CSS
把網(wǎng)頁比作一個房子，網(wǎng)頁就是由一個個HTML標簽組成，CSS樣式負責修飾HTML標簽。
HTML標簽特點：語義化
<p></p>//段落
<body>//開始標簽
</body>//結束標簽
h1~h6//標題1到標題6
div//分隔
ul//不排序列表
li//列表項目
dl//定義列表
dt//定義術語
dd//定義描述
a//錨
br//換行
font//字體
img//圖像
input//用于搜集用戶信息
button//按鈕
11png.png
圖中的<div class="container">定義了div的類為container容器，在CSS修飾中可使用.container{}來改變div其中的樣式
shift+alt+f:格式化代碼
常用的CSS樣式
CSS語法
<style>
*{margin：0px；padding：0px}//寫網(wǎng)頁的第一步重置邊界和填充
</style>
9.png
CSS常用選擇器
<p class=”one” id=”two”>hello world</p>
p{}元素選擇器
p.one{}class選擇器
.+className{}
特點1，可以給多個標簽相同的class名
2，可以給一個標簽多個class名
10png.png
margin-right:auto;margin-left:auto;//元素居中僅僅對塊元素有效
常用的css樣式
color:設置文字的顏色
width:設置一個元素的寬度
height:設置一個元素的高度
background-color:設置背景顏色
background-image:設置一個元素的背景圖片
line-height:設置文字的行高
text-align:設置文字對其的方式
border-width:邊框的寬度
border-style:邊框的樣式
boeder-color:邊框的顏色
p:hover{color:blue}當鼠標移動到元素上時可以改變元素的css樣式
cursor: pointer;可以使鼠標經(jīng)過時變成手指
