1、 什么是元素選擇器css,css框架是什么意思?
CSS框架是預先準備好的軟件框架,是一系列 CSS 文件的集合體。
簡單地說,就是一些事先寫好的css,你只需要給你的html元素加上一些特定的類,就可以快速的得到一些想要的效果。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網格布局、表單樣式、通用規則等代碼塊,用于簡化web前端開發的工作,提高工作效率。
2、 css中px和em有什么區別?
px特點
1. IE無法調整那些使用px作為單位的字體大小;
2. 國外的大部分網站能夠調整的原因在于其使用了em或rem作為字體單位;
3. Firefox能夠調整px和em,rem,但是96%以上的中國網民使用IE瀏覽器(或內核)。
px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。(引自CSS2.0手冊)
em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。(引自CSS2.0手冊)
任意瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中聲明Font-size=62.5%,這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然后換上em作為單位就行了。
em特點
1. em的值并不是固定的;
2. em會繼承父級元素的字體大小。
所以我們在寫CSS的時候,需要注意兩點:
1. body選擇器中聲明Font-size=62.5%;
2. 將你的原來的px數值除以10,然后換上em作為單位;
3. 重新計算那些被放大的字體的em數值。避免字體大小的重復聲明。
也就是避免1.2 * 1.2= 1.44的現象。比如說你在#content中聲明了字體大小為1.2em,那么在聲明p的字體大小時就只能是1em,而不是1.2em, 因為此em非彼em,它因繼承#content的字體高而變為了1em=12px。
計算公式:1 ÷ 父元素的font-size × 需要轉換的像素值 = em值
rem特點
rem是CSS3新增的一個相對單位(root em,根em),這個單位引起了廣泛關注。這個單位與em有什么區別呢?區別在于使用rem為元素設定字體大小時,仍然是相對大小,但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優點于一身,通過它既可以做到只修改根元素就成比例地調整所有字體大小,又可以避免字體大小逐層復合的連鎖反應。目前,除了IE8及更早版本外,所有瀏覽器均已支持rem。對于不支持它的瀏覽器,應對方法也很簡單,就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。你是想了解相關知識嗎?建議去優就業了解相關課程
3、 用什么表示子代選擇器?
CSS3中的關系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號連接,兄弟選擇器由符號“+”和“~”連接,具體如下所示。
(1)關系選擇器
例如: h1>strong
說明:表示選擇嵌套在h1標記的子標記strong。
(2)臨近兄弟選擇器
例如: h2+p
說明:表示選擇h2標記后緊鄰的第一個兄弟標記p。
(3)普通兄弟選擇器
例如:p~h2
說明:表示選擇p標記所有的h2兄弟標記
4、 CSS和HTML是什么?
Html和css都是前端必須掌握的技術知識,也是很多編程入門課程。
既然是入門必學,從我理解開始,它們學起來相對簡單,容易上手。
既然必須掌握,那么它們的重要性不言而喻,尤其對前端童鞋們來說。
我一個搞后端的,我當時就是從html學起,學完后緊接著就是css。
Html是超文本標記語言,它有一系列的html標簽或者說指令。通過這些指令將一些文字,圖片,視頻,超鏈接啊等資源進行整合通過瀏覽器渲染出來。
Html更像是蓋房子的骨架。像什么鋼筋水泥,混凝土,磚頭等可以理解為它的標簽。
其實我覺得當初發明這種語言的應該是類比人來說的吧。
Html的結構有head title script style body footer等組成。
下面是它的大致結構。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
</head>
<body>
</body>
</html>
這些基本上就是一個空殼子,就跟房子的骨架一樣。我們大多都是往它的body里面添加內容,瀏覽器上看到的文本,圖片,視頻大多數都是body的東西。標題和網頁的圖標是在瀏覽器的選項卡那能看到。
而css就是用來給房子裝修,或者說我們人化妝穿衣打扮。目的就一個,讓html更好看一些。吸引用戶的眼球。但是它只能讓html穿上衣服,就跟畫畫上色一樣,都是靜態的。
如果讓美美的外衣動起來,畫出的內容更加炫酷。就用到了JavaScript,也就是js。
切不可把js和Java混淆了。
css,js都是為html服務的。前者使它文靜的美,后者讓它動感的炫!
說了這么多,到底怎么學?
看視頻看不懂?
對于初學者來說,看視頻肯定學不會或者說學不好的。
為什么?
因為這些html和css標簽都讓你看的眼花繚亂。這些js方法都夠你頭大的。
那么問題出在哪呢?
那就是學習方法!
學技術,絕不是純粹的靠看視頻就能學會的。它更重要的在于六個字:多練,多練,多練!
只有看視頻的同時,多拿筆或者多動手敲,才有效果。
而且這個效果非常明顯!
我可以告訴你的是,這些看似很多的標簽,一個都不用刻意的去死記硬背!
而且背是沒什么用的,因為今天可能這個版本有這個標簽,可能明天就廢棄了。技術更新迭代的很快,只有掌握了核心的思想,就可以以不變應萬變!
我當初學習就這樣,自己動手跟著視頻一個字母一個字母敲。
敲得多了,自然就記住了。慢慢的去嘗試做一些網頁,結合實際的項目,日積月累。各種布局,各種頁面樣式,各種交互,看的多了練的多了?;竟氃鷮嵙?,以后回過頭你就發現,哇好簡單。
看到一個好的網站,你腦海中就能立馬展現出可能別人是怎么布局的,怎么配色的,哪些動畫用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。
OK,說到這里我想你一定知道怎么去學,怎么有效的學,怎么學的更快更扎實了吧。