• Day31、CSS

    1、CSS

            1、什么是CSS

                    1）Cascading Style Sheet  级联样式表

                    2）表现HTML或XHTML文件样式的计算机语言

                            包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

            1.2、CSS的优势

                    1）内容与表现分离

                    2）网页的表现统一，容易修改

                    3）丰富的样式，使得页面布局更加灵活

                    4）减少网页的代码量，增加网页的浏览速度，节省网络带宽

                    5）运用独立于页面的CSS，有利于网页被搜索引擎收录

            1.3、CSS的基本语法

                    1.3.1、CSS基本语法结构

    1. 选择器 { 声明1;
    2.               声明2;
    3.               ……  }

                    注意： CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上

                    1.3.2、style标签

    1. <style type="text/css">
    2. h1 {
    3. 	font-size:12px;
    4. 	color:#F00;
    5. }
    6. style>

     

            1.4、HTML中引入CSS样式

                    1.4.1、行内样式

                            1）使用style属性引入CSS样式

    1. <h1 style="color:red;">style属性的应用h1>
    2. <p style="font-size:14px; color:green;">直接在HTML标签中设置的样式p>

     

                    1.4.2、内部样式表

                            1）CSS代码写在的