hi,欢迎访问本站!
当前位置: 首页Web前端正文

CSS样式中的一些主要属性

墨初 Web前端 525阅读

CSS样式是web页面的重要组成部份之一。通过CSS样式,我们可以控制页面的整体外观,并保证网站页面的可读性与易用性,而CSS中有着很多不同属性,用来定义元素的布局,背景,文本以及其它样式。下面是CSS中的一些常用属性。

CSS中的常用属性

css设置字体属性

font-family: Arial, Helvetica, sans-serif; /*设置字体变量*/
font-size: 16px; /*设置字号*/
font-weight: bold; /*设置字体加粗*/

css设置背景属性

background-color: #FFF5DC; /*设置背景色*/
css设置文本属性
color: #336699; /*设置文本颜色*/
text-decoration: none; /*去除文本链接下划线*/

css设置边框属性

border: 1px solid black; /*设置边框样式为实线的单像素宽黑线*/
padding: 10px; /*设置元素内部距边框的距离*/
margin: 10px; /*设置元素与周围元素之间的距离*/

css设置盒子模型属性

box-sizing: border-box; /*设置盒模型属性*/
height: 200px; /*设置元素高度*/
width: 200px; /*设置元素宽度*/

css设置浮动属性

float: left; /*设置元素左浮动*/
clear: both; /*清除浮动效果*/

css设置定位属性

position: absolute; /*设置定位属性为绝对定位*/
top: 20px; /*设置元素上边与父级元素上边的距离*/
left: 50px; /*设置元素左边与父级元素左边的距离*/

css设置动画属性

animation: myanimation 5s infinite; /*设置动画*/

css设置变量属性

--bg-color: #336699; /*设置背景颜色变量*/
background-color: var(--bg-color); /*使用背景颜色变量*/

以上就是CSS中的一些常用的主要属性,网页设计人员应该要熟悉它们的用法,并立即如何使用它们。

标签:
声明:无特别说明,转载请标明本文来源!
相关推荐