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简单代码

1. 第一节 CSS的代码组成 2. 第二节 常用属性
  • h_h33
  • h_h33
  • 2016年12月14日 21:10
  • 260

CSS3 animation--写一个简单的loading动画

1.今天上午,去了大学城图书馆,拿了一本《大唐李白》,还没看两页就犯困了。也是醉了。。。。 看来还是喜欢玩点带有交互性的电脑。 2.HTML ...
  • qq_21058391
  • qq_21058391
  • 2016年09月11日 23:59
  • 1185

CSS style属性大全

CSS style属性大全 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象IFRAME 元素 | iframe 对象-----------------------------...
  • RainyLin
  • RainyLin
  • 2008年01月18日 11:51
  • 10205

CSS之window的视图属性

css
  • tian361zyc
  • tian361zyc
  • 2017年06月07日 10:00
  • 194

一个简单的CSS加载动画

最新学习css,之前看过诺基亚手机的一个加载动画,所以想做一个类似的动画,动画效果如下: 源码: html: animate CSS: ...
  • nice_xp
  • nice_xp
  • 2017年05月05日 21:00
  • 650

css 简单菜单栏的设置

1.制作简易 菜单栏选项         .list-box{     border-top: 2px solid #eee;     padding: 10px;     width...
  • u011066470
  • u011066470
  • 2017年09月26日 17:30
  • 163

制作一张简单的网页(HTML+CSS+JS) 【2】

在上一篇文章中,我总结了一下HTML,这一篇我把CSS简单做一下归纳,使网页变得富有美感。 一....
  • Shiwy_ab
  • Shiwy_ab
  • 2017年02月07日 13:14
  • 1518

HTMl与CSS简单页面页面效果实例

效果图如下: HTML和CSS代码: html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> ...
  • JCY1009015337
  • JCY1009015337
  • 2016年12月12日 20:23
  • 923

浅析CSS3中calc计算属性

很多前端开发者通常在写CSS样式的时候并不一定会注意到calc这个好用的计算属性,尤其在配合flexbox进行页面布局的时候,只能用amazing来形容。 calc()语法calc()语法非常简单,就...
  • zhu1500527791
  • zhu1500527791
  • 2017年04月09日 00:23
  • 250

CSS中常用七大属性

1 字体属性    字体属性的功能是设置页面字体的显示样式 font-family 设置使用的字体 font-style 设置字体的样式,是否斜体 font-variant 设置字体的大小写 fon...
  • JQboywen
  • JQboywen
  • 2016年02月29日 23:31
  • 2396
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css简单属性
举报原因:
原因补充:

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