定位 定位
定位定位的思考相对定位的特征position:relative; 不影响元素本身的特性 不使元素脱离文档流(元素移动之后原始位置被保留) 如果没有定位偏移量,对元素本身没有任何影响 提升层级 绝对定位的特征position:absolu
2022-09-14
浮动 浮动
浮动介绍及基本语法float: left right none inherit 文档流是文档中可显示对象在排列时所占用的位置 浮动的定义使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来 浮动清除clear:
2022-09-13
盒模型 盒模型
盒模型内边距padding 内填充 padding-top padding-right padding-bottom padding-left 设置padding后会撑大容器的大小 padding复合写法: 只有一个属性值时:4个方向
2022-09-01
文本 文本
文本文字颜色color 文本对齐方式text-align left 默认值 right center 首行缩进text-indent:2em; em 是根据字体大小来进行计算的 1em=当前字体大小 文本修饰text-decorati
2022-08-31
文字 文字
文字着重、文字倾斜、文字大小、字体、行高
2022-08-31
背景 背景
背景背景和内容的区别内容是会撑开容器宽高 背景不会占用容器宽高 背景颜色background-color 背景颜色 英文关键字 RGB 十六进制 背景图、背景图是否重复background-image 背景图片 ​ url(../img
2022-08-30
边框 边框
边框边框的语法规则、边框的单一方向条件设置语法: 边框的语法规则 ​ 1.边框的粗细 ​ 2.边框的样式 ​ 3.边框的颜色 ​ 边框的方向 ​ top right bottom left border b
2022-08-29
样式表 样式表
1-行间样式、内联样式表、外联样式表行间样式:给单独的标签添加样式 语法:<div style="……"></div> 内部样式表:写在style标签内,针对当前html文件有效 语法: <style
2022-08-29