小結

1.什么是HTML?

HTML是英語HyperText Markup Language的縮寫,超文本標記語言。
.html就是網頁的格式。
html本質上和txt沒有任何區別,他們都是純文本文件。
html是一個純本文文件(就是用txt文件改名而成),用一些標簽來描述文字的語義,這些標簽在瀏覽器里面是看不到的,所 以稱為“超文本”,所以就是“超文本標記語言”

2.網頁的原理?

  • 用戶輸入網址之后,對應的服務器就發現有人請求我的網頁了,所以這個服務器就會把網頁和相關的圖片、js文件、css文件、flash文件都通過HTTP協議傳輸到用戶的電腦里面。
  • HTML頁面在用戶的電腦里面進行渲染。
  • HTTP協議指的是超文本傳輸協議。
  • 每一個網址,都對應了服務器上面的確定的文件。

3.字符集的聲明方式?

第一種:UTF-8

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

第二種:gb2312
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

4.什么是空白折疊現象?

HTML中所有的文字之間,如果有空格、換行、tab都將被折疊為一個空格顯示。

5.什么是相對路徑?

每次都從.html文件所在文件夾開始查找

6.什么是絕對路徑?

每次都從指定的盤符開始查找

7.什么是錨點?以及它的使用方法?

  • 錨點也可以理解成為一種超級鏈接,只不過它是網頁內部的超級鏈接
  • 使用方法:
    <a href="#C1">跳轉到第一章</a>
    <h2 id=”C1”>我是第一章</h2>

8.div與span的區別?

  1. div會單獨占領一行,而span不會
  2. div是一個容器級標簽,span是個文本級標簽

9.label標簽的作用?

可以讓文字和輸入框綁定到一起

10.寫出你所知道的實體字符?

  • 空格&nbsp

  • 小于號&lt

  • 大于號&gt

  • 版權&copy

11.什么是CSS?

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

12.如何外鏈CSS?

<link rel="stylesheet" href="./css/base.css">`

13.Css屬性權重是如何計算的?

  1. 第一等:代表內聯樣式,如: style=””,權值為1000。
  2. 第二等:代表ID選擇器,如:#content,權值為0100。
  3. 第三等:代表類,偽類和屬性選擇器,如.content,權值為0010。
  4. 第四等:代表類型選擇器和偽元素選擇器,如div p,權值為0001。
  5. 通配符、子選擇器、相鄰選擇器等的。如*、>、+,權值為0000。
  6. 繼承的樣式沒有權值

14.權重計算方法?

  1. 首先計算選擇器中有多少個id,id多的選擇器優先級最高
  2. 如果id個數一樣,在看類名個數,類名個數多的優先級最高
  3. 如果類名個數一樣,再看標簽名稱個數,標簽名稱個數多的優先級最高
  4. 如果id個數和類名個數和標簽名稱個數都一樣,那么久不會再向下計算了,此時,誰寫在最下面就聽誰的,

15.!important標簽的作用?

用于提升摸個直接相中標簽的選擇器中的某個屬性的優先級的,可以將被指定的優先級的屬性提升為最高

16.什么是盒模型?

網頁設計中常聽的屬性名:內容(content)、填充(padding)、邊框(border)、邊界(margin), CSS盒子模式都具備這些屬性。這些屬性我們可以用日常生活中的常見事物——盒子作一個比喻來理解,所以叫它盒子模式。

17.什么是標準文檔流,以及它的特點有哪些?

標準流指的是在不使用其他的與排列和定位相關的特殊CSS規則時,各種元素的排列規則。

特點:

  • 同級元素同時左浮的話,源代碼在前的在左,依次向左拍;
  • 同時右浮的話,源代碼在前的在右,依次向右排

18.塊級元素有哪些特點?

塊級元素總是以塊的形式表現出來

并且跟同級的兄弟塊依次豎直排列,左右自動伸展

直到包含它的元素的邊界,在水平方向不能并排。

19.行內元素有哪些特點?

  1. 默認同行可以繼續跟同類型標簽;
  2. 內容撐開寬度
  3. 不支持寬高
  4. 不支持上下的margin和padding
  5. 代碼換行被解析成空格

20.哪些是行內元素,哪些是塊級元素?

塊級元素:

  • div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行內元素:

  • span, strong, em, br, img , input, label, select, textarea, cite

21.浮動元素有哪些特點?

  1. 使塊元素在一行顯示
  2. 使內嵌支持寬高
  3. 不設置寬度的時候寬度由內容撐開
  4. 脫離文檔流
  5. 提升層級半層

22.為什么要清楚浮動?

在非IE瀏覽器(如Firefox)下,當容器的高度為auto,且容器的內容中有浮動(float為left或right)的元素
在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢出到容器外面而影響(甚至破壞)布局的現象。
這個現象叫浮動溢出,為了防止這個現象的出現而進行的CSS處理,就叫CSS清除浮動。

23.寫出你所知道的清除浮動的方法?

  1. 給前面一個父元素設置高度
  2. 給后面的盒子添加clear屬性
  3. 隔墻法
  4. 使用偽元素選擇器清除
  5. Overflow:hidden清除浮動

24.什么是margin的塌陷現象?

在標準文檔流中,塊級標簽之間豎直方向的margin會以大的為準,這就是margin的塌陷現象。

但是,脫標之后就不會出現margin的塌陷現象。

25.如何讓盒子居中?

會讓盒子水平居中,但是他有他的使用注意事項:
標準流的盒子而且有寬度的盒子才能用margin:0 auto;讓其居中;文本居中要使用text-align:center;

偽類選擇器

:nth-child(length); /參數是具體數字/
:nth-child(n); /參數是n,n從0開始計算/
:nth-child(nlength) /n的倍數選擇,n從0開始算/
:nth-child(n+length); /
選擇大于length后面的元素/
:nth-child(-n+length) /
選擇小于length前面的元素/
:nth-child(n
length+1); /表示隔幾選一/

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 前言 因為要在團隊內作一次技術分享,想了幾個題目,最后還是決定系統總結一下我在CSS布局這方面的知識。一是這個題目...
    Samhanx閱讀 647評論 0 6
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,212評論 0 1
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • 今天我單位共出動6人,巡查園山街道保安社區窩肚新村、荷坳社區滿堂街、安良社區安良七村、大康社區上大萬村、西坑社區教...
    you呦閱讀 229評論 0 0