前端-02day-选择器&css语法

元素选择器:
元素名

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>
既满足，又满足 什么下的什么 span.p3
后代元素选择器
*</h1>
复制行 ctrl+shift+d
删除行 ctrl+shift+k

块元素：就是独占一行的元素 div(纯粹的块) p （段落） h1~h6（标题） ul（列表） li（列表项）
内联元素（行内元素）把一行补满在换行：span a img iframe
a 禁止嵌套
p 不能包含其他的块
a 可以包含除它本身任意元素