css 下划线_css详解

【34】

1、CSS 入门

A、为什么学习 CSS（CSS 的作用）

【1】HTML 虽然可以在一定程度上修饰页面，但是页面的整体还是不够美观。

【2】HTML 进行网页的书写重复的代码比较多，后期的维护性不好。

B、什么是 CSS（CSS 的概念）

英文全称：Cascading Style Sheets

层叠样式表（级联样式表）

CSS 的引入方式

CSS 的引入的三种方式

在标签的内部直接使用（不推荐使用）

<!

CSS 中三种引入方式遵循的就近原则 ：

不相同的样式会进行样式的叠加，相同的样式会采用就近的原则。样式跟随距离自己近的风格

CSS 中的常用选择器 :

标签选择器

p

id选择器

id:(唯一性)

id命名：数字、字母、下划线、中划线（-），不能用数字开头

#

class选择器

.

三种选择器的优先级：

id 选择器>class 选择器>标签选择器

权重 100 10 1

CSS 中其他选择器

后代选择器 只要包含该标签对象即可

div 

子选择器 直系子标签

div

兄弟选择器 只会改变下面相邻的元素对象

#

兄弟选择器 后面所有的兄弟对象都会改变

#

伪类选择器

a

CSS 中常用样式总结 1

字体：（font）

/*字体的颜色*/

border 属性有三个修饰属性

border-color 

CSS 常用样式总结 2

行高

line-height

背景

/*设置背景图片*/
 

CSS 中常用样式总结 3

行元素和块元素

行内元素：（多个标签位于同一行）

span font 小标签 img a 等

块元素：（标签可以自动换行的元素是块元素）

div h1-h6 ul p 等

其他样式

/*调整透明度的属性 0-1*/

CSS 中的定位

绝对定位:

absolute :定位离开之后释放的之前的位置 基于外

层父级标签来说

相对定位：

relative: 定位离开之后之前的位置没有释放 基于之

前的位置来说

固定定位：

fixed ：始终是基于浏览器的左上角定位 适合做广告

默认定位：

static ：初始的定位的操作