css

最新推荐文章于 2022-09-21 16:16:33 发布

余生再见

最新推荐文章于 2022-09-21 16:16:33 发布

阅读量91

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/hewindows/article/details/102906900

版权

web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

尺寸与边框
1、CSS单位
1、尺寸单位
1、%
占据父元素尺寸的占比
2、in
英寸，1in=2.54cm
3、cm
厘米
4、mm
毫米
5、px
像素，计算机屏幕上的一个点
6、pt(point)
磅/点
1pt=1/72in
7、em
1em 相当于当前字体尺寸
2em 相当于当前字体尺寸的2倍
注意：css中描述尺寸的单位是不能省略的
2、颜色单位
1、rgb(r,g,b)
r:red
g:green
b:blue
r,g,b的范围分别是 0~255
background-color:rgb(125,28,96);
2、rgb(r%,g%,b%)
3、#rrggbb
由6位16进制数字表示颜色
16进制范围:
0-9 A-F
#ff0000 : 红色
#123456 :
4、#rgb
#rrggbb的缩写
#001122 --》 #012
5、表示英文的单词
red,green,blue,yellow,

示例：

<html>
	<head>....</head>
	<body>
		<div>床前明月光</div>
	</body>
</html>

尺寸属性
1、作用
尺寸属性一般用于设置元素的宽度和高度
2、宽度
属性：
width
min-width
max-width
注意：min-width/max-width 与 width 属性相冲突，最终以width属性值为准
3、高度
属性：
height
min-height
max-height
4、注意
1、不是所有的元素都支持修改尺寸
支持修改尺寸属性的元素如下：
1、块级元素
2、非块级元素中，存在width，height属性的html元素
table，img
5、溢出
使用尺寸属性控制元素大小时，如果内容所需的空间大小大于元素本身的空间，会导致内容溢出
处理溢出的属性:
overflow:
overflow-x:横向溢出处理
overflow-y:纵向溢出处理
取值：
1、visibile
默认值，溢出可见
2、hidden
隐藏
3、scroll
让元素显示滚动条，溢出时可用
4、auto
自动，溢出时显示滚动条，并可用

示例：

<html>
	<head>....</head>
	<body>
		<div id="d1">床前明月光</div>
		<span id="s1">疑是地上霜</span>
		<div id="d2">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</div>
	</body>
</html>