第一节:CSS术语和文档
来源:互联网 发布:淘宝上的药店有资质吗 编辑:程序博客网 时间:2024/05/24 06:49
CSS可以缩减文件大小
术语
- 元素:文档结构的基础,如p,table,span,a,div
- 替换元素与非替换元素: 替换元素指用来替换元素内容的部分并非由文档内容直接表示,如img,input。非替换元素,大多数元素属于非替换元素,其内容由用户代理(浏览器)在元素本身生成的框中显示。
- 元素显示角色: 块级元素,会填充其父元素的内容区,旁边不能有其他元素,相当于一个“分隔符”,如p,div。行内元素在一个文本行内生成元素框。
Link标记
Link 将样式表链接到文档中。首先先介绍一下Link属性:
- rel(代表relation):代表“关系 ”。此属性值设置为 alternate stylesheet 时,可定义候选样式表, 当用户选择这个样式表时才会用于文档表现。为候选样式表指定相同的title时就可以把它们分 组在一起。
- type:总是设置为“text/css”,描述了使用link标记加载的数据类型
- href: 样式表的URL,可以是绝对路径,也可以是相对URL
- media: all 表示应用于所有表现媒体,screen:屏幕媒体中,print:为视力正常的用户打印文档时使用,也会在打印预览时使用。以上三种是得到最广泛支持的类型。
- title: 如果为一个 rel 为 stylesheet 的样式表link指定了标题 title,表示该样式表要作为首选样式表。如果没有指定 title,那么该样式表就将作为一个永久样式表,始终用于文档的显示。
style元素:此元素中包含样式表,在文档中单独出现。
@import指令
与link类似,@import用于指示web浏览器加载一个外部样式表,@import 出现在 style 容器中,必须放在其他 CSS 规则前。@import 无法指定候选样式表,它也可以限制所导入的样式表应用于一种或多种媒体。
@import url(sheet.css);
如果一个样式表需要使用其他外部样式表中的样式,便可以使用 @import。@import 中的 URL参数可以是相对也可以是绝对路径。
向后可访问性
如果一个浏览器无法识别 就会将其统统忽略,而里面标记的声明不一定会被忽略,而被显示在页面上面,为了解决这个问题,建议将声明包含在一个注释标记中,如下:
<style type="text/css"><!--@import url(sheet.css);h1{color:red}--></style>
**CSS注释:**CSS注释不可以嵌套
内联样式
如果只是想为单个元素指定一些样式,可以使用 HTML 的 style 属性。除了在 body 外部出现的标记(例如:head或title),style属性可以与任何其他 HTML 标记关联。一个内联 style 属性中只能放一个声明块,不能放整个样式表。通常并不推荐使用 style 属性。
阅读全文
0 0
- 第一节:CSS术语和文档
- 第一节swift 术语
- Spring AOP 第一节:AOP 术语
- css浏览器兼容性和术语翻译
- html css 术语 和 基本语法
- css和文档
- CSS和文档
- 1.CSS和文档
- css学习笔记(第一节)
- Python3.2官方文档翻译--名称和对象相关术语
- openstack storlet文档(三):storlet术语和角色
- XFS_文档篇_第一节
- 2014年辛星解读css第一节
- Android文档常见术语
- CSS常用术语
- CSS中的一些术语
- Sass的使用(让css更优雅和强大)---第一节
- python_html和css文档格式化(一)
- LeetCode--1.TwoSum
- 轻院1067: 有问题的里程表
- mongoDB的备份和恢复
- golang实现set数据结构
- AM335x的启动过程
- 第一节:CSS术语和文档
- 在Ubuntu上编译安装MongoDB
- 手把手教你做爬虫---基于NodeJs
- centos6-7通用查看系统版本的方法
- Java关键字之native,strictfp,transient,volatile,assert
- Monitor(二分,二维前缀和板子记录)
- 重载,this调用另一个构造器,无参数构造器,静态初始化块
- 变态跳台阶
- 背包九讲之0-1背包 Java实现