前言
現(xiàn)在的web前端挺火氏身,于是打算入這個(gè)坑歼郭,學(xué)習(xí)一下web前端的知識(shí)互捌。
web前端一般構(gòu)成就是HTML+CSS+JavaScript潘明,HTML寫(xiě)網(wǎng)頁(yè)結(jié)構(gòu),CSS寫(xiě)樣式秕噪,JS寫(xiě)交互钳降,這樣就構(gòu)成了現(xiàn)在的網(wǎng)站。這里對(duì)我再學(xué)習(xí)CSS過(guò)程中學(xué)到的東西以及遇到的坑做一個(gè)記錄腌巾,以免以后忘記遂填。
1.在html文件中鏈接一個(gè)外部的CSS樣式表
在html中輸入<link回車(chē),然后再其中的屬性href=""中輸入路徑澈蝙,從同一級(jí)路徑開(kāi)始算吓坚,比如我的代碼為
<link rel="stylesheet" type="text/css" href="css/style.css">
這就表示在你的html文件的同一級(jí)文件里面有個(gè)css文件,css文件里面有個(gè)style.css文件(沒(méi)有就創(chuàng)建一個(gè)), 然后你就可以在這個(gè)style.css文件里面寫(xiě)樣式表了灯荧。
2.如何把html文件中的屬性和CSS樣式表連接
在html文件中礁击,都是把各個(gè)塊級(jí)的元素放到容器div中,設(shè)置div的class屬性,如
<div class = "demo">
這里是內(nèi)容
</div>
然后再css文件中哆窿,是這樣寫(xiě)的
.demo { 這里面設(shè)置各種屬性 }
這樣就可以吧html文件和css設(shè)置分為兩個(gè)文件了链烈,方便于以后的維護(hù)
3.CSS中的各種屬性的作用
1.height: 高度
2.width: 寬度
難得寫(xiě),各種屬性參考w3cschool的css參考手冊(cè)
4.遇到的各種問(wèn)題
1.在布局的時(shí)候挚躯,有一個(gè)塊級(jí)的元素始終沒(méi)達(dá)到我理想的位置强衡,而是跑到下邊去了,經(jīng)過(guò)檢查码荔,發(fā)現(xiàn)是像素不合適漩勤,用css布局一定要注意和原型圖1個(gè)像素都不能差,不然就容易出現(xiàn)問(wèn)題目胡。
后續(xù)學(xué)習(xí)中锯七。。誉己。眉尸。。巨双。噪猾。。筑累。袱蜡。。慢宗。坪蚁。