HTML和css中的知識點

2021-09-30 01:23:33 字數 1106 閱讀 5400

1、你做的頁面在哪些流覽器測試過?這些瀏覽器的核心分別是什麼?

ie: trident核心

firefox:gecko核心

safari:webkit核心

opera:以前是presto核心,opera現已改用google chrome的blink核心

chrome:blink(基於webkit,google與opera software共同開發)

2、每個html檔案裡開頭都有個很重要的東西,doctype,知道這是幹什麼的嗎? 宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。(重點:告訴瀏覽器按照何種規範解析頁面)

3、div+css的布局較table布局有什麼優點?

改版的時候更方便 只要改css檔案。

頁面載入速度更快、結構化清晰、頁面顯示簡潔。

表現與結構相分離。

易於優化(seo)搜尋引擎更友好,排名更容易靠前。

4、簡述一下src與href的區別。

5.有哪項方式可以對乙個dom設定它的css樣式?

外部樣式表,引入乙個外部css檔案

內部樣式表,將css**放在 標籤內部

內聯樣式,將css樣式直接定義在 html 元素內部

塊級元素(block)特性:

總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示;

寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制;

內聯元素(inline)特性:

和相鄰的內聯元素在同一行;

寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變(也就是padding和margin的left和right是可以設定的),就是裡面文字或的大小。

那麼問題來了,瀏覽器還有預設的天生inline-block元素(擁有內在尺寸,可設定高寬,但不會自動換行),有哪些?

答案:

html和css知識點(四)

1.position屬性的5個值 static 預設值。沒有定位,元素出現在正常的流中 忽略 top,bottom,left,right 或者 z index 宣告 inherit 規定應該從父元素繼承 position 屬性的值。relative 生成相對定位的元素,相對於其正常位置進行定位。因此...

css中vw和vh的知識點

引用文件 週六和同事討論問題時,突然聊到了vw和vh,今天整理了一下vw和vh的一些小知識點吧,日後可以自己複習的時候看看。什麼是viewport?視窗的概念在瀏覽器端指的是瀏覽器的可視區域 而在移動端則相對複雜,它涉及到3個視口 layout viewport 布局視口 visual viewpo...

html與css知識點總結(二)

1.dom結構及其優化 dom是document object model 文件物件模型 的縮寫,dom是中立與平台和語言的介面,它允許程式或指令碼動態地訪問更新文件的內容 樣式以及結構。dom包含核心dom xml dom和html dom,html dom是關於如何獲取 新增 修改和刪除html...