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

CSS概述

时间:2015-05-28 19:36:15      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:

1、CSS的作用

  如果使用HTML标记中的属性来定义样式,各元素对于样式的属性定义各不相同!

  使用CSS:

    各元素使用同一的样式声明!

    且提高了样式的可重用性和可维护性!

2、什么是CSS

  CSS(Cascading Style Sheets):层叠样式表,又叫级联样式表,简称样式表

  用于HTML文档中元素的样式定义

    实现了将内容与表现分离

    提高代码的可重用性和可维护性

3、使用CSS样式表

  内联方式

    样式定义在单个的HTML元素中

  内部样式表

    样式定义在HTML页的头元素中

  外部样式表

    将样式定义在一个外部的CSS文件中(.css文件)

    有HTML页面引用样式表文件

4、内联方式使用CSS

  样式定义在HTML元素的标准属性style里

  CSS语法:

    只需要将分号隔开一个或者多个属性/值对作为元素的style属性的值

    属性和属性值之间用:连接

    多对属性之间用;隔开

5、内部样式表

  样式表规则位于文档头元素的<style>元素内

    在文档的<head>元素内添加<style>元素

    在<style>元素中添加样式规则

      可以定义多个样式规则

      每个样式规则有两部分:选择器和样式声明

    选择器:决定哪些元素使用这些规则

    样式声明:一对大括号,包含一个或者多个属性/值对

6、外部样式表

  第一步:创建一个单独的样式表文件用来保存样式规则

    一个纯文本文件,文件的后缀为.css

    该文件中只包含样式规则

    样式规则有选择器和样式声明组成

  第二步:在需要使用该样式表文件的页面上,使用<link>元素链接需要的外部样式表文件

    在文档的<head>元素内添加<link>元素

CSS概述

标签:

原文地址:http://www.cnblogs.com/Crow00/p/4536493.html

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