css 基础1

css 层叠样式表 css手册

样式写在head 中间 style标签

css 样式规则:

  选择器 {属性:属性值;属性:属性值}

字体样式属性:font-size 字号大小 color 字体颜色 font-family 字体样式(支持汉字)

  文章正文中一般用14px,font-family 可以写多个字体,多个字体用逗号隔开,会优先使用前面的,字体名如果包含空格 # $ 字体需要双引号包含,汉字也需要用双引号包括,老版本浏览器不支持中文字体

  css unicode 我们以后尽量只写unicode 字体,一般用宋体和微软雅黑  总体\5B8B\4F53 微软雅黑 \5FAE\8F6F\96C5\9ED1

  CSS 注释 /**/

  font-weight 字体粗细 最高到900 700等价于bold 400等价于normal

  font-style 字体的样式 normal italic 斜体 oblique 倾斜体(几乎不用)

  字体简写:font:style weight size family 必须是这个顺序 顺序有要求,但是可以省略,但是size 和family不能省略,必须写

  css 标签选择器:快速更改页面中同类型的标签同意样式 缺点:不能设计差异化样式

  类选择器:以".类名"进行标识,标签声明类名 

  Id选择器:声明用#id名 使用是id=“id名”

  id选择器与类选择器的区别:类选择器是可以重复使用的,id是唯一的,只允许使用一次

  通配符选择器:*代表所有选择器,一般用来清楚html默认的边距,很少用

  伪类选择器,用来添加特殊效果,..l类名,两个点

    链接伪类:四个 :link 未访问的链接 :visited 以访问的链接 :hover 鼠标经过的链接 :active 选定的链接。我们点击别松开鼠标的显示状态 该顺序不可改变 lvha 可以简写链接伪类选择器,不一定要写全,但是顺序不可变

    结构(位置)伪类选择器:根据位置来定的,even 偶数 odd 奇数 ,还可以写公式,n,全部 2n n的2倍

        li:nth-child(3) {
        color: skyblue;
        }

      nth-last-child() 从最后一个开始计数,改变

    目标伪类选择器:当前活动的选择器,写:target即可

  css 命名规范:1.不要使用下划线命名,使用-

    2.不要使用数字

  多类名选择器:类名之前用空格隔开

css 颜色写法有三种:1.英文,如red blue 2.十六进制:#FFFFFFF 3.rgb rgb(255,0,0)或者rgb(100%,0%,100%)

  css 调整行间距line-height,一般比我们的字号大7 8像素就可以了

         text-align 水平对齐方式 left左对齐,center中间对齐 right右对齐

        text-indent 首行缩进,建议em为单位,em相当于其他尺寸,

    字间距,letter-spacing 单词间距:word-spacing这对于英文

    颜色半透明:只能使用rgb,如黑色半透明rgb(0,0,0,0.5) 透明值取值范围0-0.5

    文字阴影:text-shadow 有四个属性,水平位置,垂直位置,模糊距离,影子颜色,前两个必须写,后两个可以默认

猜你喜欢

转载自www.cnblogs.com/hechangshou/p/9018094.html