前言

碼神也是開學(xué)快一個(gè)周了，好長時(shí)間沒有更新了，由于剛來院長讓我去打藍(lán)橋杯，感覺也算是一個(gè)機(jī)會吧，但是前端弄了一半多，還是比較喜歡的，所以說想把前端弄完再重新回到高中刷算法的時(shí)光，今天借著大學(xué)生心理課的時(shí)間來更新一下html和CSS，感謝大佬們，給我的鼓勵(lì)！我定不負(fù)你們的期望，由于時(shí)間問題，話不多說，我們開車吧！

網(wǎng)頁的結(jié)構(gòu)

網(wǎng)頁的結(jié)構(gòu)，應(yīng)該算是比較簡單的，雖然我沒有寫過一個(gè)正經(jīng)的網(wǎng)頁，目前主流的網(wǎng)頁結(jié)構(gòu)是由html，CSS，js（JavaSprint）寫的，大致的結(jié)構(gòu)如下：

HTML

相信大家對HTML都并不陌生，在我映像里初中的時(shí)候老師寫的第一個(gè)網(wǎng)頁就是用HTML寫的，如今過去好多年了，我也用HTML寫網(wǎng)頁了 ，哈哈。

其實(shí)吧，通過這幾個(gè)周的自學(xué)下來，我感覺如果不從事前端開發(fā)，工作，能認(rèn)識HTML中的關(guān)鍵字就行了，俗話說的：術(shù)業(yè)有專攻嘛！

所以說我?guī)痛蠹艺砹耍笾掠腥缦碌模?/p>

常用標(biāo)簽

1.題目：

用英語來記憶的話就是，單詞——head，意思是頭部的，有幾個(gè)特點(diǎn)是

標(biāo)題默認(rèn)加粗，字號變大

標(biāo)題一般獨(dú)自占一行

//用代碼來看一下就是這樣的

用代碼來看一下就是這樣的

2.段落和換行

由于一般我們不可能一句話，就寫完，或者說完，所以又引入了，段落標(biāo)簽，p ,/p不要誤會啊，我可不是光會放屁的，這是英語中paragraph是縮寫，意思是段落，作用就是：給HTML文檔分段

特點(diǎn)就是：

可以根據(jù)瀏覽器的窗口大小，自動換行

段落和段落之間保持一定的空隙

倆個(gè)盒子

有朋友可能要說了，怎么是個(gè)盒子？實(shí)際上這是我自己瞎寫的，哈哈，這倆個(gè)盒子是HTML中的《div》《/div》，《span》《/span》標(biāo)簽。

用英文來解釋的話是，div——division，表示分割分區(qū)，span意思是跨度，跨距

有一點(diǎn)的區(qū)別

div在h5中一行只能放一個(gè)，又稱為大盒子

span可以放多個(gè)，所以可以稱為小盒子

CSS

我不知道你們有沒有見過化妝之前和化妝之后的女生，反正我沒有見過，不過這可能真的是一個(gè)看顏值的時(shí)代，我們班就有一個(gè)，因?yàn)榛瘖y之后比較哈皮的女生，因?yàn)檫@個(gè)當(dāng)上了我們班的負(fù)責(zé)人，可以說是班助代理人吧，這當(dāng)然也可能是我至今單身的原因了，唉 ，不說了，一會又要流淚了。

可以說css就是化妝品，而html是女生，相信我說到這里**屏幕前的彥祖，**已經(jīng)知道css是社么了吧，沒錯(cuò)css就是網(wǎng)站的化妝品，

使用規(guī)范

實(shí)際上也就是倆個(gè)部分組成：

選擇器

一條或多條聲明

用一段簡單的代碼來表現(xiàn)就是

style中的都叫選擇器，而在body中調(diào)用，class=”red“，我們又講其稱為，調(diào)用選擇器，.red，為選擇器聲明

其中選擇器又分為，許多種，由于這篇文章并不是html和css全解所以我就不在贅述了，有需要的朋友們可以看一下head frist html css這本書我感覺講的不錯(cuò)，挺適合入門學(xué)習(xí)的。

標(biāo)簽選擇器

這個(gè)就是，用HTML中的標(biāo)簽來做選擇器的標(biāo)簽，這么做有什么好處？相當(dāng)于你可以直接修改用這個(gè)標(biāo)簽的所有元素，避免了再次使用標(biāo)簽，優(yōu)缺點(diǎn)也比較搞笑

優(yōu)點(diǎn)：可以對某一類標(biāo)簽進(jìn)行統(tǒng)一改造

缺點(diǎn)：缺少了差異性

實(shí)現(xiàn)如下：

gaizao

jj

id選擇器

不知道為什么就是控制不住的想寫，，如果說按照名字和身份證來看id和class的話，我感覺就很可以，就比如說我叫碼神，你也叫碼神，那么我們就重名了，但是我的id：秋名山碼神，而你是：華山碼神，這樣我們就區(qū)分開了，所以說id和class的區(qū)別就是

id定義一次只能調(diào)用一次，而class定義一次可以調(diào)用多次

用代碼實(shí)現(xiàn)就是

遲到毀一生

早退窮三代

按時(shí)上下班

必成高富帥

通配符

有沒有讓我所有的類，都進(jìn)行改變的？答案是有。通配符，*就可以實(shí)現(xiàn)

總結(jié)：

字體

比較多，學(xué)了幾個(gè)周，給我的感覺就是比較多，記得東西不能說少，

先看吧，

color：顏色

text-align：對齊

text-indent：文本縮進(jìn)

text-decoration: 文本修飾

line-height：行間距

decoration規(guī)定添加到文本的修飾

none沒有

underline下劃線

overline上畫線

line-through刪除線

最后

由于這只是我自己的一篇簡單的看法文章，所以有許多沒有講到的地方，如果想要系統(tǒng)的學(xué)習(xí)，還是希望大家去看我上面推薦的書或者去W3school網(wǎng)站中系統(tǒng)的學(xué)習(xí)，開學(xué)的時(shí)光感覺沒有以前的沖勁了，但是我還會努力的，希望你們和我一樣一起加油，提升自己的技術(shù)， 將來賺大錢，進(jìn)大廠！

CSS HTML

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。