CSS(1)

使用CSS的注意点:
1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系)。

2.style标签中的type属性其实可以不用写,默认就是type="text/css"。

3.设置样式时必须按照固定的格式来设置,key :value;其中:不能省略,分号大多数情况下也不能省略。

文字属性:

  1. 规定文字样式的属性
    格式:font-style:italic; 取值:normal--正常的,默认是正常的 italic--倾斜的
    快捷键:fs font-style:italic; fsn font-style: normal;
  2. 规定文字粗细的属性
    格式:font-weight:bold;
    单词取值:bold 加粗 、bolder 比加粗还要粗 、lighter 细线,默认就是细线
    快捷键:fwb font-weight:bold;
    数字取值:100-900整百的数字,700对应的是bold的级别
    3.规定文字字体的属性
    格式:font-size:30px;
    单位:px(像素 pixel)
    注意点:通过font-size设置大小时,必须带上px单位
    快捷键:fs30 font-size:30px;
  3. 规定文字字体的属性
    格式:font-family:"楷体";
    注意点:
    1)如果取值是中文,需要用双引号或者单引号括起来
    2)设置的字体必须是用户电脑里面已经安装的字体(如果设置的字体不存在,则会使用默认的字体来显示)

    3)如果想给中文和英文分别单独设置字体,该怎么办?
    但凡是中文字体,里面都包含了英文,但凡是英文字体,里面都没有包含中文。也就是说中文字体可以处理英文,而英文字体不能处理中文。如果想给界面中的英文单独设置字体,那么英文的字体必须写在中文的前面。
    快捷键:ff font-family:;
    5.文字属性的简写
    格式:font:style weight size family
    注意点:
    1)在这种缩写格式中有点属性值可以省略,style、weight可以省略。
    2)在这种缩写格式中style和weight的位置可以交换。
    3)在这种缩写格式中有点属性是不可以省略的,size、family是不可以省略的。
    4)size和family的位置是不能随便乱放的,size一定要在family的前面,而且size和family必须写在所有属性的最后。

文本属性

  1. 文本装饰的属性
    格式:text-decoration:underline;取值:underline 下划线、 line-through 删除线、overline 上划线、去掉超链接的下划线
  2. 文本水平对齐的属性
    格式:text-align:left;取值:left 左、right 右、center 中
  3. 文本缩进的属性
    格式:text-indent:2em;取值:2em,其中em是单位,一个em代表缩进一个文字的宽度

颜色属性

  1. 文本装饰的属性
    格式:color:值;
    取值:1)英文单词:常见的颜色都有对应的英文单词,但是不是所有颜色都能用英文单词来表达,是有限制的。
    2)rgb,其实就是三原色,r(red)、g(green)、b(blue),格式:rgb(0,0,0)
    常见颜色:红色:rgb(255,0,0) 绿色:rgb(0,255,0) 蓝色:rgb(0,0,255) 黑色:rgb(0,0,0) 白色:rgb(255,255,255)
    注意:在前端开发中其实不常用黑色,只要让红色、绿色、蓝色的值都一样就是灰色,而且如果这三个值越小那么就越偏黑色,越大就越偏白色。
    3)rgba,与rgb差不多一样,多出来的a代表透明度,取值是0到1,取值越小就越透明
    4)十六进制,其实本质就是RGB十六进制中是通过每两位表示一个颜色,例如:#FFEE00 FF表示R EE表示G 00表示B

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">





原文地址:https://www.cnblogs.com/Shuangyi/p/11196984.html