1、 css之選擇器2,使用css3的屬性選擇器設(shè)置搜索?
通過設(shè)置搜索框的width屬性和heoght屬性來設(shè)置搜索框的大小。
2、 css3中偽類選擇器由什么組成?
w3c規(guī)范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標簽上的支持最好。
【css2】的有3個
focus : 如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
3、 css選擇器識別范圍?
css選擇器優(yōu)先級核心:每個選擇器本身有優(yōu)先級,作用范圍越具體優(yōu)先級越高。
CSS優(yōu)先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規(guī)則由多個選擇器組成時,id選擇器的權(quán)值為1000,class選擇器為100,標簽選擇器為10,按權(quán)值求和的記過高低決定哪個優(yōu)先。當兩個css規(guī)則的權(quán)值相同時,誰更具體用誰,也就是權(quán)值高的選擇器作用的越具體優(yōu)先級越高。當兩個選擇器規(guī)則和權(quán)值都是一樣,后面樣式會覆蓋前面的!
4、 DW中常用css樣式四種類型詳細解析說明?
1、外部樣式
格式:<link type="text/css" rel="stylesheet" href="css路徑" />
舉例:<link type="text/css" rel="stylesheet" href="layout.css"/>
用處:這種形式是把css單獨寫到一個css文件內(nèi),然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調(diào)用,其它頁面也可以調(diào)用,是最常用的一種形式。
備注:Rel:指明連接的是什么文件; Type:指明引入的文件的格式類型; Href:指明文件的路徑,以引入文件為基準的相對路徑。
2、內(nèi)部樣式
格式: <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話,該文件中的所有P標簽都將應(yīng)用該style樣式,而不需要在沒一個html標簽中寫。
用處:這種形式是內(nèi)部樣式表,它是以<style>和</style>結(jié)尾,寫在源代碼的head標簽內(nèi)。這樣的樣式表只能針對本頁有效。不能作用于其它頁面
3、舉例:
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內(nèi)樣式:就是直接在html標簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處:這種在標簽內(nèi)以style標記的為內(nèi)部樣式,內(nèi)部樣式只針對標簽內(nèi)的元素有效,因其沒有和內(nèi)容相分離,所以不建議使用。
5、導(dǎo)入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內(nèi)部。如layout.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中,然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。
6、CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色,同時將字體大小設(shè)置為 14 像素。
在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示:請使用花括號來包圍聲明。