前端html,css基本知識

上一篇講到過html和css相當于人的身體和衣服的關系,html的歷史發(fā)展百度上可以搜到,這里簡單了解一下,1989年開發(fā)出了世界上第一個Web服務器與Web客戶端,并將這項發(fā)明取名為world wide web,也就是我們現(xiàn)在所說的WWW萬維網(wǎng)。HTML也因此誕生。因為標簽用法混亂等原因,做定制規(guī)范,前面好幾個版本迭代,2008年發(fā)布了HTML5,2014年10月,W3C組織宣布HTML5標準規(guī)范定稿。經(jīng)常在頁面前面寫的<!doctype html>,就是html5標準網(wǎng)頁聲明,告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。


在寫html之前,一定要先停下手,整體觀察頁面的結構和交互方式,因為這可能影響到后期的開發(fā)和維護的難度,提升布局能力只能在練習中反復的琢磨,在新手想做仿站練習布局的時候,先分好頭部、中間、腳部、先把大的骨架分好,里面在細分,這樣有計劃的進行不僅快而且不容易出錯,而且要善于用語義化標簽,方便開發(fā)人員維護及閱讀和Seo優(yōu)化。兩種標簽,行內(nèi)元素,塊級元素。前者不支持寬和高屬性,內(nèi)容撐開,后者可以設置寬高,并且獨占一行。想要把一個元素放到想要的地方那就得css出場了。

hello,大家好我是css,英文名字Cascading Style Sheets,中文名字層疊樣式表,大家可以叫我css,用過的人都知道,不得不說當ui組件庫用多了,寫css的能里會下降,并且寫css時會出現(xiàn)抓狂的狀態(tài),不用想一定時ui干的,而且得到了產(chǎn)品的支持,寫css也是有注意的地方的,什么時候用定位,哪些情況造成重繪和回流,前端是非常直觀的反應一個產(chǎn)品的好壞的,所以自己相當于在寫一個產(chǎn)品的臉部,基本功顯得格外重要了。

最近好像流行擬人,支持的人多的話,下篇我弄一個擬人化的css和html出來。

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

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

  • 學習目標: 了解html的基本結構 掌握標題標簽: 掌握段落標簽: 掌握通用塊標簽: 掌握圖片標簽: 掌握超鏈接標...
    husky_1閱讀 2,655評論 0 12
  • 本文由我收集總結了一些前端面試題,初學者閱后也要用心鉆研其中的原理,重要知識需要系統(tǒng)學習、透徹學習,形成自己的知識...
    王鈺峰閱讀 537評論 0 2
  • 問答題1 /72瀏覽器頁面有哪三層構成,分別是什么,作用是什么?參考答案構成:結構層、表示層、行為層分別是:HTM...
    _Yfling閱讀 1,307評論 0 23
  • 什么是html? html是一種網(wǎng)頁標記語言,叫超文本標記語言,我們平時上網(wǎng)所看到的所有網(wǎng)頁均來自于html,英文...
    波段頂?shù)?/span>閱讀 8,620評論 2 7
  • 1. 瀏覽器頁面有哪三層構成,分別是什么,作用是什么? 構成:結構層、表示層、行為層 分別是:HTML、CSS、J...
    呂陽閱讀 614評論 0 0

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