web前端开发css的属性有哪些

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

　　常用属性

　　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的属性有哪些这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！