css類選擇器的標(biāo)簽，DW中常用css樣式四種類型詳細(xì)解析說(shuō)明？
1、外部樣式
格式：<link type="text/css" rel="stylesheet" href="css路徑" />
舉例：<link type="text/css" rel="stylesheet" href="layout.css"/>
用處：這種形式是把css單獨(dú)寫到一個(gè)css文件內(nèi)，然后在源代碼中以link方式鏈接。它的好處是不但本頁(yè)可以調(diào)用，其它頁(yè)面也可以調(diào)用，是最常用的一種形式。
備注：Rel：指明連接的是什么文件； Type：指明引入的文件的格式類型； Href：指明文件的路徑，以引入文件為基準(zhǔn)的相對(duì)路徑。
2、內(nèi)部樣式
格式： <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話，該文件中的所有P標(biāo)簽都將應(yīng)用該style樣式，而不需要在沒(méi)一個(gè)html標(biāo)簽中寫。
用處：這種形式是內(nèi)部樣式表，它是以<style>和</style>結(jié)尾，寫在源代碼的head標(biāo)簽內(nèi)。這樣的樣式表只能針對(duì)本頁(yè)有效。不能作用于其它頁(yè)面
3、舉例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內(nèi)樣式：就是直接在html標(biāo)簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處：這種在標(biāo)簽內(nèi)以style標(biāo)記的為內(nèi)部樣式，內(nèi)部樣式只針對(duì)標(biāo)簽內(nèi)的元素有效，因其沒(méi)有和內(nèi)容相分離，所以不建議使用。
5、導(dǎo)入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標(biāo)記所鏈接的外部樣式表，它一般常用在另一個(gè)樣式表內(nèi)部。如layout.css為主頁(yè)所用樣式，那么我們可以把全局都需要用的公共樣式放到一個(gè) global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。
6、CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個(gè)屬性和一個(gè)值組成。
屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開(kāi)。
selector {property: value}
下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色，同時(shí)將字體大小設(shè)置為 14 像素。
在這個(gè)例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：請(qǐng)使用花括號(hào)來(lái)包圍聲明。
過(guò)濾選擇器的返回值是單個(gè)元素？
getelementbyid返回的是單個(gè)元素，其他的不是的
js選項(xiàng)有哪些？
JS選擇器常用的有g(shù)etElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
A： getElementById(ID): 返回對(duì)指定ID的第一個(gè)對(duì)象的引用，如果在文檔中查找一個(gè)特定的元素，最有效的方法是getElementById()
B: getElementsByName(name): 返回文檔中name屬性為name值的元素，因?yàn)閚ame屬性值不是唯一的，所以查詢到的結(jié)果有可能返回的是一個(gè)數(shù)組，而不是一個(gè)元素。
C: getElementsByTagName(tagname): 返回文檔中指定標(biāo)簽的元素
D: getElementsByClassName():返回文檔中所有指定類名的元素
E: querySelector():返回文檔中匹配指定css選擇器的第一個(gè)元素
F: querySelectorAll():返回文檔中匹配指定css選擇器的第一個(gè)元素
二、jQuery選擇器#
內(nèi)容
基本選擇器有ID選擇器、類選擇器、標(biāo)簽選擇器、通用選擇器，事件的添加方法如下：
$(...).事件名(function() { });
屬性樣式有：
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(屬性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 開(kāi)關(guān)**
選擇器的詳細(xì)使用方法：#
屬性選擇器的補(bǔ)充：
例如：找到當(dāng)前class .rightnav-bar下的所有含有data-scrollto屬性的元素
$('.rightnav-bar [data-scrollto]');
var scrollEl = $('[data-scrollto]');//整個(gè)頁(yè)面只有需要找的元素含有data-scrollto屬性時(shí)，也可以這樣用
// var tabIndex = $(".tlt1 a[data-types='support']").index();
css3和css一樣嗎？
CSS3是CSS的子集，CSS3是最新的標(biāo)準(zhǔn)，提供了很多好用的新屬性，提升了網(wǎng)頁(yè)的表現(xiàn)性。
CSS3提供了更好用的選擇器最新的CSS3中，對(duì)偽類、偽元素選擇器做了嚴(yán)格的規(guī)范。有了偽類后，不用在div標(biāo)簽里面添加額外的元素完成一些DOM操作，可以通過(guò)::before,::after完成，代碼簡(jiǎn)潔明了。對(duì)于鼠標(biāo)的操作，也可以通過(guò)::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動(dòng)畫效果越來(lái)越方便css3里面通過(guò)animation來(lái)完成動(dòng)畫，設(shè)置@keyframes即可，一些輕量級(jí)的動(dòng)畫不必再通過(guò)js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過(guò)圖片做背景，現(xiàn)在只需要border-radius、boxshadow即可。非常高效簡(jiǎn)潔。
CSS3提供了全新的盒模型這個(gè)特性十分有用。原來(lái)的盒模型width=content.+border+padding。你規(guī)定了width.每次都要自己計(jì)算，現(xiàn)在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強(qiáng)大的IE已死，不需要再考慮它的兼容性！！！用flex布局，節(jié)省很多時(shí)間，節(jié)省的時(shí)間可以學(xué)很多東西，而不是浪費(fèi)時(shí)間去適應(yīng)落后的ie！！！
還有很多好用的css3特性，這個(gè)版本提供了巨大的生產(chǎn)力！！！很感謝它，期待下一個(gè)grid布局～
以上是我的看法～