CSS-详情见帮助文档

发布时间 2023-07-30 16:31:35作者: 22软工冷薄

1.CSS的作用

  1.1什么是CSS,有什么作用?

    CSS(Cascading Style Sheet):层叠样式语言

    CSS的作用是:

      修饰HTML页面,设置HTML页面中某些元素的样式,让HTML更好看

      CSS好比HTML的化妆品一样

    HTML还是主体,CSS依赖HTML,新建的文件还是.html

  1.2 CSS要求:

      *常见的CSS样式要求会写

      *别人写的CSS样式要能看懂

  1.3 在HTML中嵌套CSS的三种方式

    第一种:内联定义法

        在标签内部使用style属性来设置元素的CSS样式

          语法格式:

            <标签 style=“样式名:样式值;样式名:样式值;样式名:样式值;样式名:样式值;....”’></标签>  

    第二种:样式块方式

        在head标签中使用style块

          语法格式:  

            <head>

              <style type="text/css">

                 选择器{

                    样式名:样式值;

                    样式名:样式值;

                    ......

                  }

                 选择器{

                    样式名:样式值;

                    样式名:样式值;

                    ......

                  }

              </style>

             </head>

      第三种:链入式

          将样式写到一个.CSS文件中

          

         易维护,维护成本低

 

2.边框

   border:[ border-width ] || [ border-style ] || [ border-color ]

   

 

3.隐藏

  dispaly 布局样式

4.字体

  font

5.文本装饰

6.列表

 

7.设置鼠标悬停

8.定位

9.鼠标小手

cursor鼠标样式

cursor:pointer

10.选择器

  1.id选择器

    #+id{

    样式名:样式值;

    样式名:样式值;

    样式名:样式值;

  }

  2.标签选择器

    标签名{

      样式名:样式值;

      样式名:样式值;

      样式名:样式值;

     }

  3.类选择器

    .+类名{

    样式名:样式值;

    样式名:样式值;

    样式名:样式值;

    }

    只要类名相同就能作用,这个

11. 绝对定位

position

 详情见帮助文档