css中的属性分类(学习笔记)

一.字体
    1.font-family字体族科;
      例:font-family:"宋体";
   2.字体大小
      font-size:value;
     列:h1{font-size:14pt}
   3.字体风格
      font-style
     例:h1{ font-style:italic}
         .text{ font-style:oblique}
   4.字体加粗
       font-weight
             属性    值100-900
                normal    普通的文字
                bold      加粗
                bolder    特粗
                lighter   加细
           例:h1{ font-weight:900}
         .text{ font-weight:bolder}
  二.文本属性
     1.文本间隔,字母间隔属性
       Letter-spacing(间隔,字距)
      2 文本修饰属性
         text-decoration(装饰)
          属性   underline  下划线
                  overline   上划线
                  line-through  删除线
                  none        无任何修饰
       例:a:link{ font-family:宋体;text-decoration:none}
   3.文本对齐;
     text-align(排列,排成一行)
          文本水平的对齐方式  左对齐 右对齐  居中    两端对齐
                                    left   right   center  justify
     4.文本首行缩进
          text-indent(缩进)
          可用于块级元素  p   h1等
          定义该元素第一行可以接受的缩进的数量
          该值必须是一个长度或一个百分比
     5.行高
       Line-height
  三.颜色背景属性
       1.color:颜色;
        2 .background-color :定义一个元素的背景颜色;
        3:background-image:url()定义一个元素的背景图象
         例:body{background-image :url(2008.jpg)}
        4.background-repeat (重复)   决定一个指定的背景图象如何被重复
      属性   repeat-x  图象横向重复
               repeat-y  图象纵向重复
               repeat    图象横向纵向重复
               no-repeat 图象不重复
      5.background-position (位置,方位)  设定水平和垂直方向上的位置
           属性   left     背景图象居左
                   right    背景图象居右
                   center   背景图象水平居中  垂直居中
                   top      背景图象上对齐
                   bottom   背景图象下对齐
   四.边框属性
       边框属性         描述
         border         边框
         border-top     上边框
         border-left    左边框
         border-right   右边框
         border-bottom  下边框
         边框样式属性值         描述
              1.none             无边框
              2.dotted           边框由点组成
              dash             边框由短线组成
              3.solid            边框是实线
              double           边框是双实线
              groove           边框是带有立体感的沟槽
              ridge            边框成脊形
              inset            边框内嵌一个立体边框
              outset           边框外嵌一个立体边框
    五.鼠标光标属性;cursor:
             鼠标光标属性          描述
                 1.hand             手
                 cross-hair        交叉十字
                2. text             文本选择符号
                 wait             WINDOWS的沙漏形状
                 default          默认的鼠标形状
                3. help             带问号的鼠标
                 e-resize          向东的箭头
                 ne-resize         向东北的箭头
                 n-resize          向北的箭头
                 nw-resize         向西北的箭头
                 w-resize          向西的箭头
                 sw-resize         向西南的箭头
                 s-resize          向南的箭头
                 se-resize         向东南的箭头
  六.定位属性
       CSS提供两种定位方法
        相对定位:是指让操作的元素在相对其它的位置上进行偏移
        绝对定位:是指让操作的元素参照原始文档进行偏移
定位属性             描述
     position       absolute(绝对定位)  relative相对定位
     top            层距离定点纵坐标的距离
     left           层距离定点横坐标的距离
     width          层的宽度
     height         层的高度
     Z-index        决定层的先后顺序和覆盖关系 值高的覆盖值低的元素
     Clip           限定只显示剪切出来的区域 为矩形
                    只要设定两个点即可   top   left
                                         bottom  right
     overflow       当层的内容超出层所能容纳的范围时:
                     visible (明显的,看的见的)    层的 大小 内容会显示出来
                     hidden (隐藏的)     隐藏超出层大小的内容
                     scrol   (卷轴)    不管内容是否超出层的范围 都添加滚动条
                     auto(自动)        只在内容超出层的范围时才显示滚动条
 
     visibility (可见性)   针对嵌套层的设置
                   inherit (继承) 子层继承父层的可见性
                            父层可见 子层也可见 父层不可见 子层也不可见
                   visible (看的见的) 无论父层可见与否子层都可见
                   hidden    无论父层可见与否子层都隐藏
七.区块属性
在格式化页面对象时,CSS将所有的对象都放置在一个容器里面
           这个容器成为块
        区块属性              描述
          width        设定对象的宽度
          height       设定对象的高度
          float        让文字环绕在一个元素的四周
          clear        指定在某一元素的某一边是否允许有环绕的文字
(m)         padding       决定了究竟在边框与内容之间应该插入多少空间距离
                        top   bottom  left  right
                        设定上下左右的填充距离
          margin        设置一个元素在4个方向上与IE窗口边界或上一级元素的边界距离
                        top   bottom  left  right
                        设定上下左右的距离
八.列表属性
      描述
              list-style-type
号类型属性值
               disc    实心圆
               circle (圆)  空心圆
               square(正方形的)    实心方块
               decimal    在文本前加普通的阿拉伯数字
               lower-roman   在文本前加小写罗马数字
               upper-roman   在文本前加大写罗马数字
               lower-alpha   在文本前加小写英文字母
               upper-alpha   在文本前加大写英文字母
               none           不显示任何项目符号和编号
九.滤镜属性
1.1.alpha 滤镜---设置透明层次      img{
                 filter:alpha(opacity=30);
              }
2.blur滤镜---模糊效果
3.  flipH   flipV滤镜----水平垂直翻转
4.gray滤镜---灰度
5.invert滤镜---反转     显示底片的效果
                作用是把对象的可视化属性全部翻转
原文地址:https://www.cnblogs.com/wwwzsfcom/p/5679173.html