02 2020 档案
摘要:盒模型:所有的html元素在浏览器里面都会被一个盒子所包裹起来 认识padding width跟height只是内容区的宽高并不是盒子的真实占有宽高 padding内边距可不可以有内容? 内边距不能有内容 内边距有没有背景色? 可以有背景色和背景图 padding的坑 使用内边距将内容挤到盒子中间,
阅读全文
摘要:display: inline; 将元素转换成行级元素 block; 将元素转换成块级元素 inline-block; 兼具行级和块级元素特性 通过display可以完全改变一个元素的性质 display: none; 隐藏元素
阅读全文
摘要:CSS背景 background是一个综合属性,它分为以下几个属性。 background-color 背景色 background-image 背景图片 background-repeat 设置背景图的平铺方式 属性值:no-repeat repeat-x repeat-y background-
阅读全文
摘要:CSS文本 text-transform:字母大小写的转换 white-space:控制空格以及换行符到底如何处理 text-align:文本对齐方式(水平方向的) word-spacing:设置单词间距 letter-spacing:字符间距 text-indent:文本缩进 vertical-a
阅读全文
摘要:white-space:nowrap; 控制容器内的文本,不允许换行。 min-width:最小宽度 当内容宽度小于最小宽度时,容器的宽度等于最小宽度。 当内容宽度大于最小宽度时,容器的宽度等于内容宽度。 max-width:最大宽度 当内容宽度小于最大宽度时,容器的宽度等于内容宽度。 当内容宽度大
阅读全文
摘要:CSS特性——继承性 为什么只选择了body元素,但是所有元素的字体颜色都被改了,就是因为css属性具备继承性。 继承性是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性。 注意:并不是所有的属性都具备继承性 具备继承性的属性: color font-开头 line-开头 te
阅读全文
摘要:CSS长度单位 px 像素 绝对单位(1px的宽度是固定的) em 相对单位(真实宽高是不确定的) 1em = font-size的大小 em的真实大小取决于该元素祖先元素中最近一个设置了font-size元素 默认1em = 16px rem 默认1rem = 16px rem的真实尺寸取决于ht
阅读全文
摘要:在CSS里面颜色表示方式 1、颜色名 red blue orange 2、十六进制 #808080; #eee;(此方式应用最广泛) 3、rgb() 取值范围0~255 4、rgba() a:alpha 透明度 5、hsl() h:色调 0&360表示红色 120绿 240蓝 s:饱和度 0~100
阅读全文