CSS基础语法(一) CSS的3种引入
2018-06-24 02:16:58来源：未知 阅读 ()
CSS样式表
CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。
Web早期，HTML是一种很有限的语言，这种语言不关心外观，它只是一种简洁的小型标记机制。
随着Mosaic网页浏览器的出现，网站开始到处涌现。对于页面改变外观的需求增加，于是增加了类似<font>和<big>之类的标记元素。
几年之后，大多数网站标记几乎完全由表格和font元素组成，且对于所要表现的内容不能传达任何实际含义，使文档可用性降低，且不易于维护。
于是1995年，W3C发布了CSS草案，试图解决结构与样式混杂的问题。
1996年，W3C正式推出CSS1。
1998年，推出CSS2。
2001年从CSS3开始，CSS这门语言分割成多个独立的模块，每个模块独立分级，且只包含一小部分功能。
2011年开始设计CSS4
一、css样式表的引入
1.内嵌样式表
内嵌样式表是写在Tag(标签)里面的。内嵌样式只对所在的Tag有效 。(如果有多种样式，内嵌式会覆盖其它的样式，并生效自己的)
示例：
<p style="font-size:20pt; color:red"></p>
这个style定义<p></p>里面的文字 是20pt字体，字体颜色是红色。
2.内部样式表
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。
内部样式表要用到style这个Tag，写法如下 ：
<style type="text/css"> div{ color : red; } </style>
3.外部样式表
如果很多网页需要用到同样的样式(Styles)，要用外部样式表。外部样式表需要将样式写在一个css文件中,然后在页面中用<link>标签引入，在需要应用该样式的每个页面中引入该文件。
示例:
<HTML> <HEAD> <link href="../css/a.css " rel ="stylesheet" type="text/css "> </HEAD> <BODY>…</BODY> </HTML>
1、<link>标签位置一般写在<head>标签之内。
2、css样式文件名称以有意义的英文字母命名，如 main.css。
3、href=""是引入css的路径
4、rel="stylesheet" type="text/css" 是固定写法不可修改。
记住他们的优先级：内联式 > 嵌入式 > 外部式
在CSS中也有注释语句：用/*注释语句*/来标明 （Html中使用<!--注释语句-->)
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：CSS3伪元素、伪类选择器
下一篇：CSS布局(一) 盒子模型基础
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
