CSS01-CSS部分基础知识

以下内容根据菜鸟教程和自己的了解所写，还有很多不完善和错误的地方，欢迎指出。

样式用来定义如何显示HTML元素。

样式出现的原因是分离表现和内容。

样式一般存储在样式表中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS</title>
</head>
<body>
    <h3>样式表</h3>
    <ol>
        <li>插入方法</li>
        <ul style="list-style-type: disc">
            <li>外部样式表</li>
            <ul>
                <li>使用方法:在文档头部(head标签里),使用link标签链接到样式表</li>
                <li>link标签属性：
                    <br>&nbsp&nbsp&nbsp&nbsp rel;
                    <br>&nbsp&nbsp&nbsp&nbsp type="text/css";
                    <br>&nbsp&nbsp&nbsp&nbsp href,对应css文件的相对路径</li>
                <li>要求：文件内不能包含任何html标签；样式表应该以“.css”扩展名进行保存</li>
                <li>注意：属性值和单位间不要留有空格</li>
            </ul>
            <li>内部样式表</li>
            <ul>
                <li>使用方法：使用style标签在头文件定义内部样式</li>
            </ul>
            <li>内联样式</li>
            <ul>
                <li>使用方法：在需要样式的标签里设置style属性，该属性可以包含任何css属性</li>
                <li>注意：这种样式将表现和内容混在在一起，丧失了样式表的许多优势，需要慎用</li>
            </ul>
            <li>多重样式</li>
            <ul>
                <li>优先级:内联样式>内部样式>外部样式>浏览器默认样式</li>
                <li>注意：在head里，若外部样式放在内部样式后面，则外部样式将覆盖内部样式
                <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    ID选择器的权值高于class选择器的权值
                </li>
            </ul>
        </ul>
    </ol>
    <hr>
    <h3>CSS(层叠样式表)</h3>
    <div>
        <ol>
            <li>结构</li>
            <ul>
                <li>结构：选择器{声明}</li>
                <li>选择器</li>
                <ul>
                    <li>id选择器：在id值前加“#”</li>
                    <li>class选择器：在class值前加“.”（注意类名的第一个字符不能用数字）</li>
                </ul>
                <li>声明</li>
                <ul>
                    <li>声明(对属性的描述)以分号结束</li>
                </ul>
            </ul>
            <li>注释</li>
            <ul>
                <li>格式为：“/*内容*/”</li>
            </ul>
        </ol>
    </div>
</body>
</html>

CSS01-CSS部分基础知识

猜你喜欢