前端面試題彙總-CSS篇
1、CSS 中類 (classes) 和 ID 的區別
//
對於CSS而言,id和class都是選擇器,唯一不同的地方在於權重不同。
對於html而言,id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的,而class屬性值可以重複。
id還一個老特性是錨點功能,當瀏覽器位址列有一個#xxx,頁面會自動滾動到id=xxx的元素上面。
2、請解釋浮動 (Floats) 及其工作原理。
//
float被歸類於CSS 定位屬性;脫離文件流;
清除浮動的方法:
1.給盒子設定合適的高度
2.給盒子增加:clear:both;表示自己的內部不受其他盒子的影響。但是margin失效。
3.隔牆法:兩個盒子用一個有高度的盒子隔開。但是兩個盒子依舊沒有高度
4.內牆法:前面的盒子內部加一個有高度的盒子。
5.overflow:hidden;
3.描述z-index和疊加上下文是如何形成的。
//
1.z-index 僅能在定位元素上奏效。
2.可繼承。
相關推薦
前端面試題彙總-CSS篇
1、CSS 中類 (classes) 和 ID 的區別 // 對於CSS而言,id和class都是選擇器,唯一不同的地方在於權重不同。 對於html而言,id和class都是dom元素的屬性值。不同的地方在於id屬性的值是唯一的,而class屬性值可以重複。 id還一個老特性是錨點功能,當瀏覽器位址
2017前端面試題之Css篇(1)
margin 沒有 width ati clas 經驗 visible import tom 1 . CSS 屬性是否區分大小寫? 答:不區分。 HTML,CSS都對大小寫不敏感,但為了更好的可讀性和團隊協作一般都小寫,而在XHTML 中元素名稱和屬性是必須小寫的。
前端面試題彙總-HTML篇
1.DOCTYPE(文件型別)的作用是什麼? // DOCTYPE是docunment type(文件定義)的簡寫,用來說明web設計中所用的html或xhtml的型別,指出瀏覽器或者其他閱讀程式按照什麼樣的規則集去解釋文件中的標記. 2.瀏覽器標準模式 (standards mode) 、幾
2017前端面試題之Html篇(1)
utf doctype clas 停止 要求 驅動 抓取 -c 顯示錯誤 1 . doctype(文檔類型) 的作用是什麽? 對文檔進行有效性驗證: 它告訴用戶代理和校驗器這個文檔是按照什麽DTD 寫的。這個動作是被動的, 每次頁面加載時,瀏覽器並不會下載DTD
2017前端面試題之Js篇(1)
load urn lis property eat hub bind tlist 方法的參數 1 . 請解釋事件代理 (event delegation) 當需要對很多元素添加事件的時,可以通過將事件添加到它們的父節點通過委托來觸發處理函數。其中利用到了瀏覽器的事件冒
前端乾貨:前端面試題彙總(推薦收藏)
HTML Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義? HTML5 為什麼只需要寫 <!DOCTYPE HTML>? 行內元素有哪些?塊級元素有哪些? 空(void)元素有那些? 頁面匯入樣式時,使用link和@i
2018 大廠高階前端面試題彙總
2018 大廠高階前端面試題彙總 阿里 使用過的koa2中介軟體 koa-body原理 介紹自己寫過的中介軟體 有沒有涉及到Cluster 介紹pm2 master掛了的話pm2怎麼處理 如何和MySQL進行通訊
2018 年最新傳智播客黑馬 WEB 前端 36 期全套(贈1000套HTML模板+前端面試題彙總)
週末了,放鬆下,分享一波資源給大家~ 教程千千萬萬,堅持寥寥幾人。 以前沒人教,但肯堅持。 現在有人教,沒人堅持。 儲存 100TB,實際是擺設。 大吉大利,今晚吃雞? 視訊+筆記+案例+素材 適用人群:零基礎Web前端開發 課程內容 獲取方式 關注
【面試】2018大廠高階前端面試題彙總
面試的公司分別是:阿里、網易、滴滴、今日頭條、有贊、挖財、滬江、餓了麼、攜程、喜馬拉雅、兌吧、微醫、寺庫、寶寶樹、海康威視、蘑菇街、酷家樂、百分點和海風教育。 阿里 使用過的koa2中介軟體 koa-body原理 介紹自己寫過的中介軟體 有
2018大廠高階前端面試題彙總
本人於7-8月開始準備面試,過五關斬六將,最終抱得網易歸,深深感受到高階前端面試的套路。以下是自己整理的面試題彙總,不敢藏私,統統貢獻出來。 面試的公司分別是:阿里、網易、滴滴、今日頭條、有贊、挖財、滬江、餓了麼、攜程、喜馬拉雅、兌吧、微醫、寺庫、寶寶樹、海康威視、蘑菇街、酷家
前端面試題彙總 2018/12/04
盒模型 標準盒模型:由裡向外content,padding,border,margin IE怪異和模型:寬高是內容(content)+填充(padding)+邊框(border)的總寬高 通過JS獲取盒模型對應的寬和高,有以下幾種方法: 為了方便書寫,以下用dom來表示獲取的HTML的節點。 1.
前端面試題之html篇
引文: 本篇文章總結了前端面試過程中常見的HTML問題,如有遺漏,歡迎補充。 同時也歡迎各位關注我們的微信公眾號:前端指南。每天早上6點整準時推送前端資訊,包括但不限於技術文章,面試經驗,校招資訊。 微信掃二維碼關注 Doctype 作用?標準模式與相
前端面試題彙總 筆試題
前端面試題目1. div和span的區別?div是塊級標籤,span是行級標籤2. 在html中,position取值有哪幾種,預設值是什麼?取值:static、relative、fixed、absolute預設值:static3. 前端頁面由哪三層構成,分別是
前端面試題整理——HTML篇
一、HTML部分 1.什麼是DOCTYPE? DOCTYPE是Document Type的簡寫,在頁面中,用來指定頁面所用的HTML或者XHTML的版本。想要製作符合標註的頁面,DOCTYPE宣告是必不可少的組成部分。只有確定一個正確的DOCTYPE,XHT
web前端面試題之 CSS瀏覽器相容性?
CSS瀏覽器相容性? 答題技巧:因為這個問題主要是看你經驗,一般有了開發經驗的都會遇到這樣的坑,你只要說出幾個來大致就可以了。 1.對齊文字和文字輸入框 問題: 當input元素在設定了高時,在IE7、IE8、IE9下會出現文字和文字輸入框不能對齊的現象,其他正常,包括o
前端面試題之CSS盒模型
前端面試對於CSS這塊不可或缺的一個考察點就是盒模型(BOX),通過對BOX的提問就可以瞭解你在CSS知識方面的掌握程度。本文主要介紹CSS中的盒模型在面試中可能會問到的相關問題和知識點,不足指出請指出改正。 首先,最基礎的問題–什麼是盒模型? 可以說,頁面
Web前端面試題——HTML/CSS部分理解題
1.盒子模型 (1)是什麼:每個元素被表示為一個矩形的盒子,由四部分組成:內容(content)、內邊距(padding)、邊框(border)、外邊距(margin)。它在頁面中所佔的實際大小(寬高)是content+padding+border+margin之和。 (
前端面試題整理—Vue篇
適合 模式 兼容ie 刪除 splay created prevent 方式 dash 1、對vue的理解,他有什麽特點,vue為什麽不能兼容IE8及以下瀏覽器 vue是一套用於構建用戶界面的漸進式框架,核心是一個響應的數據綁定系統 vue是一款MVVM框架,
前端面試題-HTML+CSS
不清楚 代碼量 lex 雙工 特定 http請求 生成 維護 repaint 引用GitHub 上 ltadpoles的前端面試 https://github.com/ltadpoles HTML部分 1. Doctype作用,HTML5 為什麽只需要寫<!DO
前端面試題整理—React篇
lar tor 文件轉換 綁定 操作 掛載 reac 返回 前端 1、說一下React React是Facebook 開發的前端JavaScript庫 V層:react並不是完整的MVC框架,而是MVC中的C層 虛擬DOM:react引入虛擬DOM,每當數