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种缩写:四边相同,两对边相同,对边相同;


目录
相关文章
|
3月前
|
机器学习/深度学习 前端开发 JavaScript
|
4月前
|
前端开发
css的渐变属性linear-gradient
css的渐变属性linear-gradient
|
4月前
|
前端开发
CSS属性:盒子模型
CSS属性:盒子模型
42 0
|
4月前
|
前端开发
CSS属性
CSS属性
46 0
|
2月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
40 1
[HTML、CSS]知识点
|
2月前
|
前端开发
CSS 浮动属性讲解和使用
本文介绍了CSS中的浮动(float)属性,包括其基本功能、属性选项及其在网页布局中的应用。浮动使元素脱离文档流,向左或右排列,周围元素随之调整。文章还详细讲解了清除浮动的方法,如使用clear属性、设置父元素高度、利用overflow属性、伪元素等,以解决因浮动导致的布局问题。最后,强调了浮动在创建复杂布局时的作用,并预告后续内容。
43 2
|
2月前
|
前端开发
CSS transition过渡属性详解
本文介绍了CSS中`transition`属性的作用、用法及实例。`transition`用于在元素属性变化时添加平滑过渡动画,通过设置`transition-property`、`transition-duration`、`transition-timing-function`和`transition-delay`等属性值,可以精细控制过渡效果。文末提供了HTML示例代码,展示了如何使用`transition`实现鼠标悬停时背景颜色的平滑变化。
81 1
|
2月前
|
Web App开发 前端开发 iOS开发
css所有缩写属性,CSS属性简写整理
css所有缩写属性,CSS属性简写整理
43 1
|
3月前
|
前端开发
CSS网页布局综合练习(涵盖大多CSS知识点)
CSS网页布局综合练习(涵盖大多CSS知识点)
|
3月前
|
前端开发
CSS网页布局综合练习(涵盖大多CSS知识点)
CSS网页布局综合练习(涵盖大多CSS知识点)