2018.10.16元素选择器等

2018-10-16  本文已影响0人  爽爽ing

元素选择器

元素名

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 可以包含除它本身任意元素

上一篇 下一篇

猜你喜欢

热点阅读