CSS学习

CSS

• 语法
  
  • 选择器：id,class;属性
  • 选择器{属性}

文字属性

• 文字样式属性

  • 例如将文字变倾斜：font-style:italic;
  • font-style取值包含但不限于：normal,italic
  • font-style的快捷键：fs按tab

• 规定文字粗细的属性

  • font-weight：bold;
  • 字体有极限，不会无限变粗

• 规定文字大小的属性

  • font-size:30px;
  • 一定要带单位”px”

• 规定文字字体的属性

  • font-family:"宋体"
  • 常用：微软雅黑，宋体
  • 中文字体必须用双引号包括
  • 字体必须是电脑上已安装的
  • 如果设置字体不存在，但又不想用默认字体，怎么解决？
    
    • 备用字体
  • 如何中文英文分开字体设置？
    
    • 中文字体可以处理英文，但英文字体无法处理中文

• 文字属性的缩写

  • font:italic bold 30px “微软雅黑”;
  • 各属性值用空格隔开
  • size和family不可省略,size必须在family前，且这两个属性必须在所有其它属性之后。

文本属性

• 文本装饰的属性

  • text-decoration
  • 例如下划线样式：text-decoration:underline;
  • 例如删除线样式：text-decoration:line-through;
  • 例如上划线样式：text-decoration:overline;
  • 例如无下划线样式：text-decoration:none;，最常用的用途是去除超链接的下划线

• 文本对齐的属性

  • text:align
  • 取值：center,right,left

• 文本缩进的属性

  • text-indent
  • 例如：缩进10像素text-indent:10px;
  • 例如：缩进2文字：text-indent:2em;

• 文本颜色的属性

  • color:#FF0000/rgb(255,0,0)/rgba(255,0,0,1)

标签选择器

• 作用：根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性