元素选择器:
元素名
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 可以包含除它本身任意元素
网友评论