css3样式

CSS3

Cascading Style Sheet 级联样式表

表现 HRML XHTML文件样式的计算机语言：字体 颜色 边距 高度 宽度 背景图片 网页定位

• 选择器 h1{ 属性名称：属性值；

  ​ 属性名称：属性值;

  ​ .......}

  写在 标签里面的

样式表

1. 行内样式

   2. 直接在HTML标签中设置样式

2. 内部样式表：写在head里面的（开发的时候用的多）

3. 外部样式表：

   1. 链接式：<link href="文件路径" rel="stylesheet" type="text/css"

4. 基本选择器

   1. 标签选择器：只能用已经存在的标签
   2. 类选择器：用.开头 .class{font-size:16px;}(文本字体大小为16px),给想要设置的文本代码设置一个类名称 h1 class="r" | p class="r"
   3. ID选择器：用#开头 #id{font-size：16px} id是唯一的 只能设置一个元素

在要选择文本时使用标签来选中要改变样式的文本

高级选择器

层次选择器：

后代选择器E F 选择匹配的F元素 且F原色被包含在E里面例 body p{} 意为 body里面的p标签

子选择器：body>p{}意为p标签是body的子元素才能生效

相邻兄弟选择器：.active+p{}紧跟在.active后面的p标签生效

通用兄弟选择器：.active~p{} .active后面的p元素生效紧跟不仅跟无所谓

结构伪类选择器：

E:first-child 找父元素第一个子元素

E：last-child 找最后一个

E F:nth-child（n） 找第N个 先确定位置在确定标签

E:first-of-type 找E子元素里面的第一个

E：last-of-type 找E子元素里面的最后一个

E：ntf-of-type （n） 先确定类型 再确定位置

属性选择器

E[attr] 有attr这个属性的E元素符合要求

E[attr=val] attr属性

E[attr^=val] attr属性是以val开头

E[attr$=val]attr属性是以val结尾

E[attr*=val]包含