标签：
今天学习了css的引入方式：
1、在标签内引入：直接在标签里面加入style样式。
2、head头部引入：在head部分加入<style>标签。
3、外部引入：在head部分加入link标签，引入外部css文件。
link与@imput的主要区别？
1、link没有兼容性的问题，但是@import有兼容性的问题。
2、link引用CSS时，在页面载入时同时加载；@import需要页面完全载入以后加载
css选择器：
1、ID选择器：#后面跟id名，优先级最高，页面不能有同名的id
2、类选择器：.后面跟类名，优先级仅次于ID选择器，可以有相同的类名。
3、标签选择器：直接将标签名放入<style>标签里面，优先级和id选择与class选择器相比较最低。
4、群组选择器：将多个id、class或者标签具有相同的css取出，用逗号分隔连接起来。
5、后代选择器：使用多个选择器的组合找到具体要控制的标签，中间用空格分隔连接起来。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01</title> <!-- <link rel="stylesheet" href="02.css"> --> <style> /* #wo{ width: 400px; height: 400px; border: 1px solid red; font-size: 40px; } .ty{ background-color: blue; color: white; width: 100px; list-style: none; font-size: 20px; } */ @import url("02.css"); </style> </head> <body> <p id="wo"> 我是一个块标签，我可以独占一行，换行显示，可以设置宽高，块可以套块和行。 </p> <ul class="ty"> <li>a</li> <li>s</li> <li>d</li> <li>f</li> </ul> <ul id="wl"> <li>q</li> <li>w</li> <li>e</li> <li>r</li> <li>t</li> </ul> </body> </html>
#wl{
background-color: red;
color: yellow;
width: 200px;
list-style: none;
}
上面的代码主要是一些选择器和引入方式。
标签：
原文地址：http://www.cnblogs.com/fw02111108/p/5654248.html
