![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css基础
文章平均质量分 95
CSS基本属性和用法
雨穆笙
这个作者很懒,什么都没留下…
展开
-
02-CSS属性:背景属性
比如说,设计师给你一张1920*465的超大banner图,如果我们把这个banner图作为img标签直接插入网页中,会有问题的:首先,图片不在网页的中间;光学显示器中,每个像素都是由三原色的发光原件组成的,靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性,通过渐变我们可以实现许多炫丽的效果,有效的减少图片的使用数量,并且具有很强的适应性和可扩展性。正确的做法是,将banner图作为div的背景图,这样的话,背景图超出div的部分,会自动移溢出。区域内的部分显示,区域外的隐藏。原创 2022-11-03 12:06:54 · 5588 阅读 · 1 评论 -
01-CSS属性:字体属性和文本属性
上方代码的意思是,英文会采用Times New Roman字体,而中文会采用微软雅黑字体(因为美国人设计的Times New Roman字体并不针对中文,所以中文会采用后面的微软雅黑)。上图中,我们设置行高为30px,30px * 5 = 150px,通过查看审查元素,这个p标签的高度果然为150px。比如说,电脑屏幕的的尺寸是不变的,但是我们可以让其显示不同的分辨率,在不同的分辨率下,单个像素的长度肯定是不一样的啦。盒子模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。原创 2022-09-06 12:30:39 · 298 阅读 · 0 评论