首页 > > 网页制作 > css >

学习css（TODO）

2018-06-24 01:17:02来源：未知阅读 ()

1. css 是一个什么样的角色？
　　答：css 负责控制网页的样式。
　　扩展：div + css 是经典的网页布局。实现网页内容与表现相分离。

2. css 的使用方式？
　　答：1. 内联式：直接在 HTML 标签中使用 style 属性添加 css 样式

<div style="color:red">红色文本</div>

　　 2. 嵌入式：将 css 样式写在头部的<style>标签内

<head>
    <style type="text/css">
        p {color: red;}
    </style>
</head>
<body>
    <p>红色文本</p>
</body>

　　 3. 外部式：将 css 写在一个单独的外部文件中，然后使用<link>标签引用

<head>
    <link href="base.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <p>红色文本</p>
</body>

base.css 文件：
p {color: red;}

　　 3种方式的优先级：就近原则

3. css 组成？

　　答：选择器 + 样式

　　1. 选择器（多个选择器之间用“逗号”隔开）

　　　　1. 标签选择器

p {color: red;}

　　　　2. id 选择器

#test{color:red;}

　　　　3. 类选择器

.test{color:red}

　　　　4. 派生选择器

　　　　TODO

　　　　5. 属性选择器

[title]{color:red}

　　2. 样式

　　　　1. 框模型

　　　　　　提示：1. 背景应用于由内容和内边距、边框组成的区域

　　　　　　　　 2. 增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。

　　　　2. 定位

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签