zoukankan      html  css  js  c++  java
  • 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滤镜---反转     显示底片的效果
                    作用是把对象的可视化属性全部翻转
  • 相关阅读:
    jquery动画,获取,添加
    javac3p0连接池
    jquery尺寸
    jquery遍历
    jquery删除,停止,获取设置css,设置内容和属性,过滤
    javajdbc(数据库的添加,删除,修改,更新)
    博客开通
    很久每有来空来了,一些最近的想法
    竖线的显示
    一个小问题,c++
  • 原文地址:https://www.cnblogs.com/wwwzsfcom/p/5679173.html
Copyright © 2011-2022 走看看