当前位置:首页 > Web开发 > 正文

前端根本之CSS增补

2024-03-31 Web开发

文字属性

配景属性

display属性

CSS盒子模型

float 浮动

clear

定位(position)

前端根本之CSS下绪 选择器优先级 1.选择器不异 就近原则 2.选择器差别 行内 > id选择器 > 类选择器 > 标签选择器 除此之外还可以通过添加 !important方法来强制让样式生效,但并不保举使用。因为如果过多的使用!important会使样式文件混乱不易维护。 万不得已可以使用!important

技术图片

技术图片

技术图片

技术图片

详情

技术图片

CSS属性相关 宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才华设置宽度,内联标签的宽度由内容来决定。

技术图片

如何调治标签样式

长宽 只能给块儿级标签设置 行内标签是无法设置长宽

技术图片

技术图片

技术图片

字体属性

文字字体

font-family可以把多个字体名称作为一个“回退”系统来生存。如果浏览器不撑持第一个字体,则会测验考试下一个。浏览器会使用它可识另外第一个值。

技术图片

调治文本颜色

/*color: yellow;*/ /*color: #ffffff;*/ /*color: rgb(255,103,0);*/ color: rgba(255,103,0,0.4);

技术图片

简单实例:

body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif }

技术图片

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32253.html