元素选择器
元素名
id 选择器 用#
通过一个元素的id 选中一个唯一的元素
class 类选择器 用.
通过class属性，选中一组元素
选择器分组（并集选择器）
可以同时选中对应的元素 #p1,.p2,h1{}
通配选择器 *
选择页面上的所有元素
复合选择器
既满足，又满足 什么下的什么 span.p3
子元素和后代元素选择器
祖先和后代的关系
后代元素选择器
div span
子元素选择器
div>span
怎样在一个新的窗口打开超链接？
答：target="_blank"
标签就叫元素，元素就叫标签
<p style='color:'red';font-size:40px;'>内联样式表
写在head 里的<style type='text/css'> 内容 </style> 的叫做内部样式表
<link rel="stylesheet" type="text/css" href="css/stype.css">可以把样式统一写到样式表中， 最大程度上使样式进行复用，统一使用link标签来引入，可以利用浏览器的缓存
加快用户的访问，提高用户的体验
css语法
P 选择器
{} 声明块 用; 隔开
css开发工具
光标不在结尾的时候 按ctrl+回车 会跳转到光标下面另起一行
光标不在结尾的时候 按ctrl+shift+回车 会跳转到光标上面另起一行
多行编辑 ctrl+alt+上下按钮
h1*8 会出现8行<h1></h1>
复制行 ctrl+shift+d
删除行 ctrl+shift+k
块元素：就是独占一行的元素 div(纯粹的块) p （段落） h1~h6（标题） ul（列表） li（列表项）
内联元素（行内元素）把一行补满在换行：span a img iframe
a 禁止嵌套
p 不能包含其他的块
a 可以包含除它本身任意元素
网友评论