前言

現(xiàn)在的web前端挺火，于是打算入這個坑，學(xué)習(xí)一下web前端的知識。
web前端一般構(gòu)成就是HTML+CSS+JavaScript，HTML寫網(wǎng)頁結(jié)構(gòu)，CSS寫樣式，JS寫交互，這樣就構(gòu)成了現(xiàn)在的網(wǎng)站。這里對我再學(xué)習(xí)CSS過程中學(xué)到的東西以及遇到的坑做一個記錄，以免以后忘記。

1.在html文件中鏈接一個外部的CSS樣式表

在html中輸入<link回車，然后再其中的屬性href=""中輸入路徑，從同一級路徑開始算，比如我的代碼為

<link rel="stylesheet" type="text/css" href="css/style.css">

這就表示在你的html文件的同一級文件里面有個css文件，css文件里面有個style.css文件（沒有就創(chuàng)建一個）, 然后你就可以在這個style.css文件里面寫樣式表了。

2.如何把html文件中的屬性和CSS樣式表連接

在html文件中，都是把各個塊級的元素放到容器div中，設(shè)置div的class屬性，如

<div class = "demo">
這里是內(nèi)容
</div>

然后再css文件中，是這樣寫的

.demo { 這里面設(shè)置各種屬性 }

這樣就可以吧html文件和css設(shè)置分為兩個文件了，方便于以后的維護

3.CSS中的各種屬性的作用

1.height: 高度
2.width: 寬度
難得寫，各種屬性參考w3cschool的css參考手冊

4.遇到的各種問題

1.在布局的時候，有一個塊級的元素始終沒達到我理想的位置，而是跑到下邊去了，經(jīng)過檢查，發(fā)現(xiàn)是像素不合適，用css布局一定要注意和原型圖1個像素都不能差，不然就容易出現(xiàn)問題。

后續(xù)學(xué)習(xí)中。。。。。。。。。。。。。