理解css学习|青训营笔记

88 阅读2分钟

今天天气非常晴朗,开启一天打卡学习~

css又称作层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

关于css的一些基础概念理解

css指的是层叠样式表(Cascading Style Sheet),样式就是定义如何显示html元素,设置他的背景、字体大小颜色、边框等等。通常把样式存储到样式表中,为了代码简洁便于维护,大多数放置在css文件中,引入外部css文件,css文件就是一个外部样式表。

image.png

css样式特性

  • 继承性
  1. 文本样式和字体样式的继承
  2. 绝大多数文本字体样式,可以被继承
  3. a标签不会继承字体颜色
  • 堆叠性
  1. 为一个标签定义多个样式规则
  2. 如果样式属性不冲突,都会作用到这个标签上
  • 优先级
  1. 默认优先级
  2. 高 内联样式
  3. 中 内部样式,外部样式-------就近原则
  4. 低 浏览器默认样式
  5. f12关于优先级的显示
  6. 默认情况下,f12中样式是按照默认优先级顺序从上往下显示

基础选择器

选择器,规范了页面中哪些元素能够使用当前设置的样式,就是一个条件,符合这个条件的元素都可以使用这个样式

  • 通用选择器 *{margin:0;padding:0}

  • 元素选择器 标签关键字{样式声明;} div{} p{}

  • ID选择器 <元素 id=“id值”> #id值{样式声明} id在一个页面中不能重复,所有id选择器只被一个元素应用

  • 类选择器 使用定义样式,哪个元素想用,用class都能调用 <元素 class=“类名”>

css常用属性

  1. color: red; 设置文字颜色
  2. font-size: 50px;设置文字大小
  3. font-family: “黑体”; 设置字体(如果设置的是中文字体,要加双引号!)
  4. width: 100px; 设置宽度
  5. height: 100px; 设置高度
  6. background: red; 设置背景色
  7. 内容水平对齐方式:text-align:left|center|right
  8. 首行缩进:text-indent