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

发布时间:2021-12-10 15:05:54 作者:iii
来源:亿速云 阅读:158

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

推荐阅读:
  1. Web前端开发者必知的CSS属性有哪些
  2. 实用的CSS属性有哪些

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

web css

上一篇:css如何在按钮点击时修改边框

下一篇:CSS3弹性盒子基础知识有哪些

相关阅读

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

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