css 层叠样式表

作用:是给HTML标记添加各种表现形式，比如文本样式、背景颜色、背景图片。

css语法格式

   

       

   
   

        
   

html的注释是
css 的注释  /*  XXXX */

style标签的唯一属性 type 属性值 text/css

选择器

一、基本选择器

* 
        {
            color:red;
        }

二、标签选择器

h1 
        {
            color:red;
        }

三、id选择器

#myid
        {
            color: yellow;
        }
标签属性 id=“myid”

四、class选择器 (又称 类选择器)

 .myclass
        {
            color: rgb(170, 47, 9);
        }
标签属性 class=“myclass”

简单常用属性

• width 宽度

• height 高度

一般标签都会使用的两个属性

字体属性

• font-size：文字大小，px

• 联系我们|
    产品中心|
    企业新闻

  
     

          我爱中国
     

     

          载卓
     

     

         
  • 蒸羊羔

         

  • 蒸熊掌

         

  • 蒸1熊掌

     

  css边框属性

  使用div为例

  • width:宽度

  • heigh：高度

  • border-top:上边框

  • border-bottom：下边框

  • border-left：左边框

  • border-right：右边框

    边框的类型

    • none(无边框)

    • solid（实线）

    • dashed（虚线）

    • dotted（点状线）

     width: 200px;
              height: 150px;
              border-left: 5px solid yellow;
              border-top: 1px dashed blue;
              border-right: 3px dotted red;
              border-bottom: 1px solid red;

  css指定外边框

  • margin=left：外边框的左边

  • margin-top：外边框的上

  • margin-right：外边框的右边距

  • margin-botto：外边框的下边距

  css指定内边框

  • padding-left: 80px; 内边框的左边距

  • padding-top: 249px;内边框的上

  • padding-bottom: 30px;内边框的下

  • padding-right: 200px;内边框的右

  声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！