css知识点笔记-常用属性

简介: css知识点笔记-常用属性

css知识点范围:常用属性

  • 删除线:text-decoration : line-through
  • 下划线:text-decoration : underline
  • 斜体:font-style : italic
  • 缩进:text-indent : 2em,em是文字的两倍大小;
  • 伪类选择符:a : hover{} 鼠标滑过会有变化;
  • class = “a b” 设置两个样式:.a{}设置颜色; .b{}设置字体,会同时生效。id的不可这样用;
  • 行间距:line-height : 1.5em
  • 两种强调:em标签显示为下划线,strong标签显示为粗体;
  • 字母间距:letter-spacing : 50px
  • 单词间距:word-spacing : 50px
  • 块级元素:可以将行内元素设置为块级元素,一个块级元素独占一行。设置为块级元素就可以设置宽和高等很多值了,默认的宽度为父容器的宽度。
  • display : block升级为块级,display : inline降级为内联,还有inline-block内联块级元素,这是个介于两者之间的一种类型;
  • 块级元素具有盒子模型特征,有padding, bording, margin等属性;
  • border-style : dashed虚线,dotted点线,solid实线;
  • border-width : thin, medium, thick从细到宽;
  • 布局模型:flow流动,float浮动,layer层;
  • 层模型position : absolute绝对,relative相对,fixed固定;
  • absolute和relative组合:绝对要在相对的里;
  • 盒模型代码简写:上右下左。3种缩写:四边相同,两对边相同,对边相同;


目录
相关文章
|
14天前
|
前端开发
页面无法滑动-CSS: touch-action属性
页面无法滑动-CSS: touch-action属性
19 0
|
14天前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
10 0
|
7天前
|
Web App开发 编解码 前端开发
|
7天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
16天前
|
前端开发
CSS列表属性
CSS列表属性。
18 5
|
17天前
|
前端开发 UED
CSS cursor的一些相关属性
CSS cursor的一些相关属性
|
18天前
|
前端开发
css的一些属性
css的一些属性
|
21天前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
7 0
|
21天前
|
Web App开发 XML 前端开发
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
CSS中的非布局样式+CSS布局 前端开发入门笔记(十一)
32 0
|
21天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
21 1