首页前端开发CSS前端css技术的几大属性应用

前端css技术的几大属性应用

时间2024-05-24 10:14:03发布访客分类CSS浏览94
导读:一、文字样式属性 文字样式的设置在css中如何设置 CSS样式属性由多个单词构成时,单词之间是使用"-"字符来进行连接的,比如: font-size 设置字体大小 font-family 设置字体 font-style 设置字体样式 fon...

一、文字样式属性

文字样式的设置在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:属性设置列表项标记的类型。对

      列表均有效

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

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

      声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


      若转载请注明出处: 前端css技术的几大属性应用
      本文地址: https://pptw.com/jishu/666960.html
      Css的列表属性 (List-style)步骤 linux如何使用curl进行接口测试

      游客 回复需填写必要信息