您的位置：首页 > Web前端 > CSS

CSS概述

2016-11-23 09:54 99 查看
㈠ CSS的作用

    CSS用于给HTML标签定义样式。

    html语言，为一些标记定义了一些用于定义样式的属性，这不统一，也不通用。所以需要一种统一的定义所有元素的样式的方式---CSS。

 

㈡ HTML定义样式的几种方式

    ① html标记的某些属性，如：border="1" width="" height=""

    ② CSS

 

㈢ CSS定义样式的优点

    CSS的优点：使内容和表现分离。

 

㈣ CSS的基础语法

    ① 内联方式：将样式定义写到元素的style属性中

    <div style="background-color:red"></div>

 

    ② 内部样式表：将样式定义写到 head 里的 style 里

    <head>

        <style type="text/css">

            p {

                color:red;

                border:1px solid green;

            }

        </style>

    </head>

 

    ③ 外部样式表：将样式定义到单独的文件里，后缀 .css，添加样式定义，页面引入样式文件。

    <head>

        <link type="text/css" rel="stylesheet" href="MyStyle.css" />

    </head>

 

㈤ 重复定义的样式，页面文件的读取方式

    对于重复定义的样式，不冲突的取并集；冲突的按优先级获取。如果优先级相同：以后定义的为准。

    优先级：内联优先级最高，外部 = 内部，视前后顺序而定。

 

㈥ 样式定义建议

    优先建议使用外部样式表，实现内容和表现分离，提高可重用性和可维护性。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航