CSS 的出现， 实现了网页的结构和样式分离。美容师！
CSS 规则由两个主要的部分构成： 选择器， 以及一条或多条声明
CSS 规则由两个主要的部分构成： 选择器， 以及一条或多条声明
以内嵌式样式表为例
vs code快捷键： ctrl+/
CSS的英文可以大写，也可以小写
建议全部小写！
颜色名就是使用颜色的英文单词进行表示
更多的颜色名可以通过查询手册得到
颜色值指使用具体颜色的数值表示。 包括： rgb 模式和十六进制模式写法
常用颜色的 rgb 色值：
常用颜色的十六进制色值：
注： 十六进制颜色值简写模式： 如果红、 绿、 蓝三个原色的色值每一个都是由重叠的数字组成， 可以将重叠的数字简化成一个进行书写。 如： 红色 #f00
如果不设置字体属性， 不同的浏览器有自己的默认字体
首选字体需要根据设计图确定， 最后需要设置备用字体
缺点： id 选择器只能实现单选， 不能帮我们完成多选的功能
原子类： 在css中提前设置一些类名， 每个类选择器后面只添加一条css样式属性， 这些属性会在页面中常被使用， 后期可以不需要多次书写属性， 只要将对应的类名添加给需要的标签即可
实际工作中， 通常我们有一个使用规律： 类上样式(CSS)， id 上行为(JavaScript)
优点： 减少 class 属性的使用， 选择效率更高
继承性是一个很好的性质， 可以将页面中出现最多的文字样式设置给一个较大的祖先级标签比如 <body>， 后期所有的后代标签都可以从 <body>进行继承
我觉得你这个不是CSS的报错，而是JS的报错。因为你在CSS里调用了JS，本人觉得不要在CSS加JS语句，因为这样特别耗费服务器资源！this.src='about:blank',this.outerHTML=''，这里的this 对象可用吗？
我明白你的意思了。
这段空白是由于换行引起的。行内元素，如文字，换行的效果会产生打空格一样的效果。
这种换行产生空格应用很广的，如雅虎首页 (见上传图片)
代码修改如下：<ul>
<li><a href="#">Link one</a></li><li><a href="#">Link two</a></li><li><a href="#">Link three</a></li><li><a href="#">Link four</a></li>
</ul>
结果显示：http://hiphotos.baidu.com/iamzhangxinxu/pic/item/b5b5fb0890ab3f046a60fbf1.jpg ，空白不见了。
如果有兴趣你可以看看我写的一个关于这个的文章：http://hi.baidu.com/iamzhangxinxu/blog/item/579216429637c6169213c61c.html
