CSS 基础知识(二)
来源:互联网 发布:色环电阻软件 编辑:程序博客网 时间:2024/05/16 18:03
操作样式表:
1、创建外部样式表:外部样式表非常适合给网站大多数页面或所有页面设置为一致的外观。
注意:将css文件保存为以.css为扩展名,用UTF-8编码的文件。
可以以任何名称命名样式表文件,如果网站只有一个样式表文件,通常会命名为style.css或styles.css。
无论选择什么文件名,一定不要包含空格。
外部样式表要么是通过链接引用,要么是通过导入(@import),不过不推荐导入。@import指令会影响页面的下载速度和呈现速度。
2、链接到外部样式表:
<pre name="code" class="html"><head> <meta charset="UTF-8" /> <title>链接外部样式表</title> <link rel ="stylesheet" href="style.css" /></head>
注意:页面可以包含一个以上的link元素,但使用它的次数最好尽可能减少,让页面得以更快的加载。
使用外部样式表的好处:
1、对外部样式表修改后,所有引用他的页面都会自动更新;
2、一旦浏览器在某个页面加载了它,在随后浏览引用它的页面时,通常无需再向web服务器请求该文件,浏览器会将它放到缓存里。
3、创建嵌入样式表:
<head> <meta charset="UTF-8" /> <title>链接外部样式表</title> <style> img { border: 4px solid red; } </style></head>使用嵌入样式表时,style元素及其包围的样式规则通常位于文档的head部分。
当且仅当style元素出现在link元素后面的时候,嵌入样式表中的样式才会覆盖外部样式表中的样式。
4、内联样式表:
在希望进行格式化的HTML元素的开始标签中,输入style=“border:4px solid red”
样式的层叠和顺序:
在其他条件相同的情况下,越晚出现的样式优先级越高。
注意:标记!important的样式总是具有最高的优先级。
0 0
- CSS 基础知识(二)
- css基础知识(二)
- CSS基础知识(二)
- 前端-CSS基础知识(二)
- html+css+javascript 基础知识(二)
- 一周学习HTML5+CSS基础知识(二)
- CSS基础知识整理二
- CSS基础知识总结--《CSS权威指南》阅读笔记(二)
- Web学习篇之---css基础知识(二)
- css和javascript的一些笔记(二) js基础知识
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- CSS 基础知识(一)
- css基础知识(一)
- CSS基础知识(一)
- CSS基础知识(三)
- HTML/CSS基础知识总结二:选择器
- .NET基础知识(二)
- java 基础知识(二)
- Objective-C中的Block
- Callable与Future
- 泛型中<? extends T>和<? super T> 差别
- 为什么一个程序终止会导致程序输出的最后几行消失
- redis删除单个key和多个key
- CSS 基础知识(二)
- hibernate事物隔离机制
- strcpy和memcpy有何不同
- ios Xcode6.1添加.pch文件
- METS(护理类)一级考试的信效度分析及其对教学的作用
- nginx配置免费的ssl证书,支持https安全访问
- 关于base64编码的原理及实现
- 1019. 数字黑洞
- MSDN文档翻译 Learn to Program for Windows in C++ 001 前言