码迷,mamicode.com
首页 > Web开发 > 详细

学习css

时间:2017-05-05 00:56:19      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:code   round   原则   文件   方式   class   实现   ase   nbsp   

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

标签:code   round   原则   文件   方式   class   实现   ase   nbsp   

原文地址:http://www.cnblogs.com/liujianzhen/p/css.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!