HTML+CSS学习记录0403 2-原创手记-慕课网

1.外部式css<link href="base.css" rel="stylesheet" type="text/css" />；
2.嵌入式：
<style type="text/ccs">
span{ css语句}
</style>
3.内联式：
<span style="css语句"></span>
4.三种方式都有时，相同权值的情况下，就近原则（离被设置元素越近优先级别越高）；
5.标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。
6.类选择器：.类名{css样式代码} 定义类选择器，<span class="类名">勇气</span>调用类选择器。
7.ID选择器：用#定义，类用.定义。
8.什么时候用id，什么时候用class? 
W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用。自己的语言。
9.  .food>li{border:1px solid red;} 子选择器.，即大于符号(>),用于选择指定标签元素的第一代子元素。
10..food li{border:1px solid red;} 包含(后代)选择器.
11.总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
12.* {font-size:20px;}通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素;
13. a:hover{color:red;}伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式.关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了
14..first,#second span{color:green;}当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）