css 属性

a标签(伪类选择器)

未激活的状态 a : link{ color:pink; };
激活后的状态 a : visited{ color:red; };
鼠标悬浮时的状态 a : hover{ color:green; };
鼠标按住时的状态 a : active{ color:cyan; };

字体属性

  字体大小  font-size
  字体加粗  font-weight  (bold 加粗)
  字体斜科  font-family:'楷体';
  字体样式  font-style:italic;(倾斜)
  字体颜色  color:pink;
  小型大写字母  font-variant:small-caps;
  总写 : font:italic  bold  40px  '楷体';

文本属性

  1em = 1个字的大小     1ex = 1个x的大小   ====>  2ex=1em 首行缩进两个字符
  text-indent:2em;
  text-overflow  文本溢出用省略号标记
  text-align  文本位置
  text-decoration  字体画线  
  					none 无;   underline 下划线;  line-through 贯穿线
  text-shadow  文本字体是否有阴影及模糊效果
  white-space:nowrap;  强调在同一行内显示所有文本 
  text-overflow:ellipsis; 超出部分用省略号显示
  line-height  行高  

颜色属性

设置外边距 : margin:10px;
向左浮动 : float:left;
background-color : hsla(240,100%,80%,0.3)
                      解释: h:色相/色调    s 饱和度    l 亮度/明度    a 透明度


下划线属性

text-decoration: none; 没有文本修饰
text-decoration: underline red; 红色下划线
text-decoration: underline wavy red; 红色波浪线
text-decoration: overline; 文本上
text-decoration: blink; 闪烁
overflow: hidden; 超出部分用省略号显示


列表标签属性

list-style-type:circle; 空心圆
list-style:none; 清除列表样式


背景属性

  image 设置背景图片
  color 设置背景颜色
  repeat 背景是否平铺
  		 属性: no-repeat 不平铺
  		 	   repeat-x 沿x轴平铺
  		 	   repeat-y 沿y轴平铺
  百分比  1个参数 四个方向
  		  2个参数 水平垂直
  size 设置背景大小  100%
  cover 平铺
  position 定位
  		   水平 left  center  right
  		   垂直 top   center  bottom
  

固定背景属性

background-attachment: fixed; 固定背景

你可能感兴趣的:(css)