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

元素选择器:
元素名

id 选择器:(#)
通过一个元素的id 选中一个唯一的元素

class 类选择器:(.)
通过class属性,选中一组元素

选择器分组(并集选择器)
可以同时选中对应的元素 #p1,.p2,h1{}

通配选择器:()*
选择页面上的所有元素

复合选择器:
既满足,又满足 什么下的什么 span.p3
子元素和后代元素选择器:(祖先和后代的关系)
后代元素选择器: --div span
子元素选择器: --div>span

怎样在一个新的窗口打开超链接?
答:target="_blank"
标签就叫元素,元素就叫标签

内联样式表
写在head 里的 的叫做内部样式表
可以把样式统一写到样式表中,最大程度上使样式进行复用,统一使用link标签来引入,可以利用浏览器的缓存
好处:加快用户的访问,提高用户的体验

css语法:
(P)选择器
({})声明块 用; 隔开
css开发工具:
光标不在结尾的时候 按ctrl+回车 会跳转到光标下面另起一行
光标不在结尾的时候 按ctrl+shift+回车 会跳转到光标上面另起一行
多行编辑 ctrl+alt+上下按钮
h1*8 会出现8行


既满足,又满足 什么下的什么 span.p3
后代元素选择器
*


复制行 ctrl+shift+d
删除行 ctrl+shift+k

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

你可能感兴趣的:(前端-02day-选择器&css语法)