关于前端学习之css

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了关于前端学习之css，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1794字，纯文字阅读大概需要3分钟。

内容图文

一、概述

1、格式：

二、css 属性

1、文字属性

（1）font-style：italic（斜体）normal（正常）；

（2）font-weight：bold/bolder/lighter（粗细），还可以用数字（100-900）；

（3）font-size：20px，一定要带单位 px；

（4）font-family："楷体"；写中文要用引号；

• 备用字体 font-family："楷体"，"微软雅黑"；

• 中英文分别设置字体 font-family："Arial"，"楷体"（英文字体在前，中文字体在后，这里的中文字体指能够处理中文的字体）

（5）文字属性的简写： font：style weight size family

• style 和 weight 可以交换位置，size 和 family 可以交换位置，但是 size 和 family 一定要在最后；

• style 和 weight 可以省略不写，但是 size 和 family 不能省略；

2、文本属性

（1）文本装饰：text-decoration：underline | overline | line-through | none；

（2）水平对齐：text-align：center；

（3）文本缩进：text-indent：2em；

3、颜色控制属性（color）

（1）英文：表达有限，用于调试；

（2）RGB（red ，green ，blue）：取值0到255；三值一样为灰色；

（3）RGBA：前面和 rgb 一样，最后一个是透明度，取值0到1；

（4）十六进制：原理就是 rgb；两位16进制对一位 rgb；

（5）十六进制简写：

必须是这个形式才能简写

三、css 选择器

1、标签选择器

• 
  

  所有标签选中

  
  

2、id 选择器

• 
  

  id 唯一；

  
  

• 
  

  字母、下划线和数字组成，数字不开头；

  
  

3、类选择器

• 
  

  class="类名 类名"（多类）

  
  

• 多类应用：分类组合

4、后代选择器

• 格式：tag tag｛｝；

• 上面的 tag 可以是标签、id 和 class 选择器；

• 可以无限往下发展；

• 后代包含子和孙；

5、子元素选择器

• 格式：tag>tag｛｝

• 不能有空格

6、交集选择器（*）

• 格式：tagtag｛｝

• 二者无任何符号

7、并集选择器

• 格式：tag，tag｛｝

8、兄弟选择器

• 相邻兄弟：+ 连接；只能选中同级相邻后面的一个且中间不能隔开

• 通用兄弟：~ 连接；同级指定标签的后面，无论是否隔开

9、序选择器

相关推荐：

css样式 --- CSS hack

css+div总结【css+div】_html/css_WEB-ITnose

以上就是关于前端学习之css的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的关于前端学习之css全部内容，希望文章能够帮你解决关于前端学习之css所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端