前端css技术的属性有哪些

发布时间:2022-03-02 13:46:09 作者:小新
来源:亿速云 阅读:144

这篇文章主要为大家展示了“前端css技术的属性有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“前端css技术的属性有哪些”这篇文章吧。

一、文字样式属性

文字样式的设置在css中如何设置

CSS样式属性由多个单词构成时,单词之间是使用“-”字符来进行连接的,比如:

font-size 设置字体大小

font-family 设置字体

font-style 设置字体样式

font-weight 设置字体加粗

font-variant 设置字体变体

font 设置字体的综合属性

在设置字体大小的时候是根据自己的需求来进行设置的,而字体的单位也分为很多种

绝对大小:incmmmptpc为单位

相对大小:em(元素字体高度)ex(字母x的高度)、px%表示相对大小

二、排版样式属性

样式的排版也是用css来进行控制的,使用方法也和文字样式属性的设置一样

一些控制样式的属性

text-indent 首行缩进属性

letter-spacing 字符间距属性

line-height 行距属性

text-transform 转换英文大小写

text-align 水平对齐属性

vertical-align 垂直对齐属性

text-decoration 设置文字效果属性

三、CSS定义颜色的方法:

十六进制数;

RGB函数(整数);

RGB函数(百分比);

颜色名称

背景

background-color:设置背景颜色

background-image : 设置背景图像

background-attachment : 设置背景图像是否固定或者随着页面的其余部分滚动

background-repeat : 只有垂直方向重复background-image

background-position:属性设置背景图像的起始位置

列表样式主要是对列表的样式进行设置

list-style-type:属性设置列表项标记的类型。对<ol><ul>列表均有效

list-style-image : 属性设置一个元素的背景图像

list-style-position : 属性指示如何相对于对象的内容绘制列表项标记

以上是“前端css技术的属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. web前端CSS浮动分享
  2. 前端CSS基础

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:怎么查找HTML元素

下一篇:在HTML中使用CSS的常见方法有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》