web前端开发css的属性有哪些-创新互联

这篇文章主要讲解了“web前端开发css的属性有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“web前端开发css的属性有哪些”吧！

目前成都创新互联已为1000多家的企业提供了网站建设、域名、网站空间、网站改版维护、企业网站设计、彭山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

常用属性

font-size:n px;

设置字体大小

font-weight：bold;

字体加粗(属性值：lighter/normal/bold/bolder或100-900)

*注：有的字体样式用不到bolder，所以bold之后没变化

font-style:italic;

设置斜体(normal 归正)

font-family:“宋体”;

字体样式

width: n px;

元素的宽

单位为px/%

height：n px;

元素的高

border: 1px solid black;

元素的边框，复合属性

拆分：

1.border-width:1 px;

边框的粗细为1px

2.border-style:solid;

边框为实体(其他值：dotted 点状虚线;dashed 条状虚线)

3.border-color:black;

边框颜色为黑色

4.四条边拆分

border-left/right/top/bottom: 1 px solid black;

还可以拆成：

border-left-color:red;等

border-radius: n%/px;

圆角设置

opacity:0.5;

透明度，值为0-1

**background-color: black;**等

背景颜色

color

三种格式

1.土鳖式：red、green、blue(用来测试，不能用于开发)

2.颜色代码：如#ff4400

分析：每两位代表一个颜色饱和度(00-ff，十六进制的数值)

注：两位相同时可以缩写，如#ff4400可缩写#f40;#ff4432就不能缩写

3.颜色函数：如rgb(255，255，255)值为0-25

4.透明色：transparent

文本属性

text-align:left;

文本对齐方式(right 右对齐;center 居中对齐)

line-height: n px;

单行文本所占高度

text-indent: 2 em;

首行缩进2空格

text-decoration:line-through;

文字样式：中划线(值：none;underline(下划线);overline(上划线))

cursor:pointer;

当鼠标移上去会变成小手(值：help问号 e-resize/w-resize拖拽符 copy move等)

感谢各位的阅读，以上就是“web前端开发css的属性有哪些”的内容了，经过本文的学习后，相信大家对web前端开发css的属性有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！

网站标题：web前端开发css的属性有哪些-创新互联
文章链接：https://www.cdcxhl.com/article44/ddddee.html

成都网站建设公司_创新互联，为您提供服务器托管、电子商务、品牌网站设计、自适应网站、网站导航、网站营销

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联