欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > 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 : 属性指示如何相对于对象的内容绘制列表项标记

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r33554.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-07-10 01:04 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。