CSS基础

目录

一.CSS概述

1.什么是css

2.作用

二.CSS语法规范

1.css的使用方式

2.css的样式特性

三.基础选择器

四、css样式属性   

---

一.CSS概述

1.什么是css

CSS指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是描述标记语言页面格式的标准。

2.作用

html：搭建网页的结构，承载页面的数据

二.CSS语法规范

1.css的使用方式

①行内样式

在元素中，写style属性，在style属性中编写样式

②内部样式

在head标签中，编写style标签，在style标签内部，编写属性

③外部样式

创建一个.css文件，在html中的head标签里，使用link引入

2.css的样式特性

①继承性
  文本样式和字体样式的继承
  绝大多数文本字体样式，可以被继承
  a标签不会继承字体颜色

②堆叠性
  为一个标签定义多个样式规则
  如果样式属性不冲突，都会作用到这个标签上

③优先级
  默认优先级
  高 内联样式
  中 内部样式，外部样式-------就近原则
  低 浏览器默认样式

④调整优先级
设置最高优先级 !important，比内联都高

三.基础选择器

1.基础选择器

①元素选择器
②Id选择器
③Class选择器
④通配符选择器

2.复合选择器

①父子选择器
②后代选择器

四、css样式属性
   

1.常用字体属性
        font-family :指定字体类型
        font- size：指定文本的字体大小
        font-style：指定文本的字体样式
        font-weight：指定文本的字体粗细
        font:在一个声明中设置所有的字体属性
   2.常用文本属性
        color:设置文本颜色
        text-align:对齐元素中的文本
        text-decoration:向文本添加修饰
        line-height:设置行高
    3.常用其他属性
        width:元素的宽度
        height:元素的高度
        opacity:元素透明度
        overflow：指定如果内容溢出一个元素的框，会发生什么
        background:背景颜色