CSS 初探
Css: 指层叠样式表 (Cascading Style Sheets)，它是用来进行网页风格设计的。通俗的说就是进行网页美化的，没有html依然存在，多了css 它会更好。但是没有html,css就没用多大用处了。
一、定义：
1、样式定义如何显示 HTML 元素
2、是为了解决内容与表现分离的问题
3、多个样式定义可层叠为一
4、外部样式表可以极大提高工作效率（外部样式表通常存储在 CSS 文件中）
二、分类：
1、外部样式表（写在css文件中）
使用情况：当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
在页面中引用如下：
<head>
<link rel="stylesheet"type="text/css" href="mystyle.css">
</head>
mystle是定义样式表文件的名称。
2、内部样式表（在head头部）
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过<style> 标签定义内部样式表。
<head>
<style type="text/css">
body{background-color: red}
p{margin-left: 20px}
</style>
</head>
3、内联样式（在html中）
当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<pstyle="color: red; margin-left: 20px">
Thisis a paragraph
</p>
三、语法：
两个主要部分构成：选择器，以及一条或多条声明。
selector{declaration1; declaration2; ... declarationN }
selector：选择器通常是您需要改变样式的 HTML 元素。
Declarationx:每条声明由一个属性和一个值组成。
1、选择器
Html标签选择器
没有标识，直接引用。
ID 选择器
以“#”标识引用
类选择器
以“.”标识引用
2、三个选择器的异同：
同：都可以通过各自的选择器，来为html内容制定样式。
异：
html 标签选择器比较“整块化”：大家都知道html标签是用来调整html 页面布局的，所以，这个分块比较整齐，是页面的框架，不会总是具体到某个控件或者某个文本。而ID 标签和class标签是个人设定的，我们可以在我们操作的任何地方定义，id 或者class ，或者两者。这样可以把页面样式细化。
重复定义：ID 选择器不可以重复定义，一个页面中，ID 号是唯一的，一定有地方占用，其他地方就不可以占用。class选择器则不同，我们可以把多个地方定义成同一个类，这样方便在样式表统一定义格式，而不用同一个样式多出定义。
注意：html 标签也是有ID 和class属性的。也就是说，如果您给html标签定义了ID ，class 属性，在css 中也可以通过使用ID选择器或者class 选择器来达到目的。一般我们直接使用html 标签，不使用ID,CLASS ,不是那个更好，只是给html 标签定义样式，有现成的html 标签，就没有必要在定义id 或者class.反之，不是html标签的，只能根据需要定义ID ，class 来定义样式了。
也就是:html ,ID ,class 是灵活使用的。
3、书写规则：
大小写：
选择器是对标签的大小写敏感的。
冒号：：属性和值之间
属性（property）是您希望设置的样式属性（style attribute）。
每个属性有一个值。属性和值被冒号分开。
selector{property: value}
引号：“”。属性值为若干个单词。
p{font-family: "sans serif";}
分号：；多个属性之间。
p{text-align:center; color:red;}
CSS 初探的更多相关文章
- javafx之CSS初探
文档:http://www.haogongju.net/art/1807238 javafx中的css元素必须有-fx-前缀. 一.介绍 java8中新增了javafx.css开放了css相关api. ...
- css初探
CSS 语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector { property: value; ...
- Matplotlib数据可视化（3）：文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- 精通CSS+DIV网页样式与布局--初探CSS
CSS英文名Cascading Style Sheet,中文名字叫层叠样式表,是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言,DIV+CSS是WEB设计标准,它是一种网页的布局方法. ...
- CSS Spritec下载,精灵图，雪碧图，初探之原理、使用
CSS Spritec下载,精灵图,雪碧图,初探之原理.使用 关于CSS Sprite CSSSprites在国内很多人叫css精灵雪碧图,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零 ...
- CSS 预处理器（框架）初探：Sass、LESS 和 Stylus
现在最为普遍的三款 CSS 预处理器框架,分别是 Sass.Less CSS.Stylus. 拿less来说,可以在页面上直接使用less文件,但要引用less.js进行解析:同时也可以直接将less ...
- CSS居中初探
刚刚度过了实习期,进入了试用期.试用期依然会安排学习的任务.在学习中发现css的居中十分常用,做一个小小的探索. 一.水平居中 1.行内元素 可以直接使用text-align:center来解决.例如 ...
- 初探CSS
css基本框架 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
- 又一次认识HTML，CSS，Javascript 之node-webkit 初探
今天我们来系统的.全面的 了解一下前端的一些技术,将有助于我们写出 更优秀的 产品 出来. 什么是HTML? HTML 是用来描写叙述网页的一种语言. HTML 包括一些根节点.子节点,文本节点.属性 ...
随机推荐
- C/C++中constkeyword
今天在做一个趋势笔试题的时候.才让我有了系统把constkeyword好好总结一下的冲动,由于这个关键词大大小小好多地方都出现过,出现频率很高,而每次仅仅是简短的把答案看了一下,没有真正将其整个使用方 ...
- POJ1422 Air Raid 【DAG最小路径覆盖】
Air Raid Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 6763 Accepted: 4034 Descript ...
- 三次握手wireshark抓包分析，成功握手和失败握手
启动 点击start出现下面的对话框 wireshark是捕获机器上的 某一块网卡的网络包,当机器上有多块网卡的时候,需要选择一个网卡进行捕获操作. 选择网卡 >主页面上,直接点击选中后star ...
- 11 款最好 CSS 框架 让你的网站独领风骚
网页设计和发展领域已经成为竞争激烈的虚拟世界.想要在网络的虚拟世界中生存,仅有一堆静止的在线网络应用是远远不够的,网页必须要有很多功能,配以让人无法抗拒的设计.网页编码一定要合适.精确,才能保证不发生 ...
- 黑客白皮书:如何成为一名黑客(附FAQ)
内容一览 为什么会有这份文档? 什么是黑客? 黑客应有的态度 黑客的基本技能 黑客文化中的地位 黑客和书呆子(Nerd)的联系 风格的意义 其它资源 FAQ(常问问题解答) 作为Jargon Fi ...
- dll导入导出资源文件查看工具 InspectExe
InspectExe lets you explore and diagnose problems with Win32 applications. It is integrated directly ...
- 《转》Linux网络编程入门
原地址:http://www.cnblogs.com/duzouzhe/archive/2009/06/19/1506699.html (一)Linux网络编程--网络知识介绍 Linux网络编程-- ...
- 李兴华JavaWeb开发笔记
李兴华JavaWeb开发笔记 1.Java语法-基础 环境变量-JAVA_HOME, PATH, ClassPath 变量名 作用 举例 JAVA_HOME 指向JDK目录 C:\Program Fi ...
- SilkTest高级进阶系列9 – 异步执行命令
我们常常会使用sys_execute函数执行一些外部的程序或者命令来做一些事情,但是由于sys_execute是一个同步的函数,它会等待执行的命令完成后才会返回.在大多数情况下,这个函数足够用了. 但 ...
- 中科燕园GIS外包----机场project地理信息系统EGIS
对于大型机场建设project,不管project建设过程中.还是project建设完毕后.进入执行和维护阶段.必然要产生和使用到大量的各式各样的信息资料,包含project项目过程管理控制类文档,p ...