css简单属性

原创 2012年03月26日 09:17:44

CSS  Cascade Style Sheet 
     级联样式表
    
     文字的颜色 前景色
     bgcolor


  CSS :  1 网页做显示效果
         2 解决原始html的显示效果麻烦
        
  怎么用Css
    1 内联式
       <Element style="color:red"/>
    2 页面式
       <head>
         <style type="text/css">
            h1{
             
            }
         </style>
       </head>
      
      
        1 标签选择器
          h1{
         
          }
          特例
           1 多路标签选择器
              h1,div{
             
              }
           2 全选择器
              *
       
        2 类选择器
          <Element class="style"/>
         
          .style{
           
          }
       
          特例
            div.style{
           
            }
       
        3 id选择器
       
        4 派生选择器  

 

引入css 
     1) <style type="text/css"></style>
     2) <link rel="stylesheet" type="text/css" href="path"/>
     3) nested

文本相关
   text-align : left | center | right
   text-indent : 10px
   text-decoration: none|blink|underline|line-through|overline
  

字体相关
     color : 制定文字颜色
     font-family : 字体:
                  “times new Roman" , times , serif ....
     font-weight : normal , bold , lighter , bolder
     font-size : xxxx
               % , smaller , larger .
     font-style : normal,italic,oblique
     letter-spacing : 字符间隔
     word-spacing : 单词间隔
颜色背景

    background-color :
    background-image:url( images/xxxx.jpg )
    background-repeat :  决定显示方式。
                        repeat : 重复显示
                         repeat-x : 左上方开始横向重复显示。
                        repeat-y : 纵向重复显示
                        no-repeat : 只显示一次 。
 
边框相关
    border : style width color
   style : 边框的种类.
       none , hidden , dotted , dashed .solid , double, groove , ridge, inset , outset
   border-top:
   border-left:
   border-right:
   border-bottom;   
    border-style :
  border-top-style :
  border-left-style :
  border-right-style:
  border-bottom-style :
    border-width:
  border-top-width:
  border-left-width:
  border-right-width:
  border-bottom-width:
   border-color :
  border-top-color:
  border-left-color:
  border-right-color:
  border-bottom-color:

高度,宽度 :
    width : height :
 
内边距   
    padding:
   padding-top
   padding-right
   padding-left
    padding-bottom
   
外边距   
    margin:
   margin-top
   margin-right
   margin-left
   margin-bottom
  
超级链接相关
    a:link
    a:hover
    a:active
    a:visited  
  
特殊属性
    display: none|block|inline
    cursor:  pointer|wait
   
定位属性
    position:static|absolute|relative
    z-index: 值
    top:
    left:
   
列表相关          
   list-style-type none|disc|circle|decimal|lower-roman|upper-roman

 

 


        

简单实用的CSS 属性

  • 2010年06月29日 23:50
  • 378KB
  • 下载

简单理解css中的垂直居中和水平居中,即vertical-align和text-align属性

如何实现父元素内部元素的垂直居中与水平居中,vertical-align和text-align的简单实用方法...
  • liwusen
  • liwusen
  • 2016年04月03日 17:40
  • 9711

5个简单,但很实用的css属性

一、css clip(裁切)clip裁切这个属性有点像是遮罩。它允许你用特定的形状遮罩相应的内容。裁切某元素之前,你必须先给该元素指定绝对定... 一、css clip(裁切) clip裁...

微信小程序 —— 瀑布流简单写法(css3属性加wx:if判断轻松实现)

css3中的column-count 规定元素应该被分隔的列数。纯css3完成瀑布流具体思路: 1. 先用css3中的column-count属性把页面元素分为俩列及多列。 2. 再用wx:if=...

简单粗暴的解释css3中的transform属性

事先说明,本文范畴尚限制在2D的transform中。        对于css3的transform属性,真是爱不释手,有了这个特性,各种特效轻松搞定。引用一句歌词“旋转,跳跃,我不停歇”。tra...

CSS:简单讲解position属性

我在模仿页面的过程中遇到了将position属性与:before / :after 选择器联合使用的情况,觉得应该记录下来,因此写一篇文章简单讲解一下position属性的三个值及其应用场景,最后分享...

【6】CSS布局属性及简单网页制作

一:布局属性 普通文档流:元素从上至下排列的顺序 脱离文档流:元素从正常的排列顺序被抽离 浮动:将元素移动到父元素最左和最右(可以将元素按着我们的意思进行排列)float浮动:设置元素向哪个方向浮...

简单说 CSS滤镜 filter属性

说明滤镜主要是用来实现图像的各种特殊效果,css的滤镜是很神奇的。解释css的滤镜,也就是filter属性,主要有下面这几个属性值 blur(模糊) brightness(亮度) 注...
  • FE_dev
  • FE_dev
  • 2017年10月22日 09:45
  • 55893

简单说一下CSS的position常用的三个属性:relative,absolute以及fixed,以及嵌套使用的一个常见情况

首先要清楚,position需要top,bottom,left,right来配合实现定位,当然根据实际情况,不必要把四个方向的定位全写出来。 举个例子。 position:absolute; top:...

简单的二级导航页面(纯css实现,运用display属性hover)

html代码 首页 关于我们 公司简介 人才招...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css简单属性
举报原因:
原因补充:

(最多只允许输入30个字)