- 浏览: 2621972 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
其实大家从style标签和link标签等多有一个media的属性。
- link标签的这个media属性规定被链接文档将显示在什么设备上。
- style标签的这个media属性规定为样式表
下面是w3.org里面介绍的10种媒体类型。
- all --所有媒体类型
- braille --盲人触觉反馈设备
- embossed ---盲人打印机
- handheld ---小型的或者狭窄的手持设备
- print ---打印机
- projection ---项目介绍如幻灯片
- screen ----计算机屏幕
- tty -----用于固定大小的字符栅格
- tv -----应用于像电视这样的设备
扩展阅读:
发表评论
-
css 基础之 em 与 rem
2017-02-27 14:03 980em 和 rem 都是相对单位,由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1254CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1124本文介绍一下css的clip属性: ... -
css之initial
2013-11-02 21:04 1145本文来自:https://developer. ... -
position为relative的限制
2013-10-25 15:39 1406本文主要来自:http://www.pl ... -
css opacity属性
2013-04-10 17:12 0内容参考:http://www.dreamd ... -
css基础之text-decoration
2013-02-26 16:19 1427前言: 先看一个app的效 ... -
css伪元素之:first-line
2013-01-15 14:10 1371:first-line -- ... -
css伪元素之:first-letter
2013-01-15 14:11 1342:first-letter ... -
css伪元素之:after
2013-01-14 15:40 1484:after --- ... -
css伪元素之:before
2013-01-14 15:32 1580:before -- ... -
css之ime-mode
2012-08-02 16:21 1862css之ime-mode ---------- ... -
CSS unicode-bidi属性
2012-05-27 17:27 2095CSS unicode-bidi属性 un ... -
整理部分IE hack
2012-05-19 19:25 1521前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地 ... -
浅谈css3的书写顺序
2012-05-11 16:04 1603前言: 最近一直在写css规范的文档,关于 ... -
热门前端面试题之link与import方式的区别
2012-05-11 13:58 2206写css规范的文档的时候,很多人都会推荐css文件的引入方式尽 ... -
css vertical-align属性
2012-03-25 11:30 1698CSS vertical-align 属性 -- ... -
css伪类
2012-02-16 20:46 1554CSS 伪类 (Pseudo-classes) ... -
css后代选择器
2012-02-16 20:47 1546CSS 后代选择器 ----------- ... -
css相邻兄弟选择器
2012-02-14 14:56 1974CSS 相邻兄弟选择器 ------- ...
相关推荐
CSS 属性列表和属性值含义 CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。 媒体类型(Media) CSS 样式表可以作用于多种...
important`是一个用于增强CSS规则优先级的关键字,当与样式属性值结合使用时,它将提高该属性值在层叠中的权重,使其优先于其他同名属性值。 #### :active `:active`伪类用于选择处于激活状态的链接,即当用户按下...
CSS还支持媒体查询(@media),可以针对不同的媒体类型和条件应用不同的样式规则。此外,CSS还允许使用@import规则导入其他样式表,或者使用LINK标签进行链接。 最后,一些特殊的值如normal、italic、oblique、...
- **--var-name**:自定义变量名称,可以存储任意CSS属性值。 - **var()**:引用自定义变量的值。 ##### 2. 媒体查询 - **@media**:根据不同的屏幕尺寸来应用不同的CSS规则。 ##### 3. 层叠顺序 - **!important**...
### CSS Style 属性详解 #### 一、标签属性与描述 **1. ALIGN (align)** - **功能**: 设置或获取表格排列。 - **语法**: `align: left | right | center | justify` - **说明**: 该属性允许您控制表格在页面上...
- 使用@media规则可以为不同媒体类型(如screen、print)定义特定样式,并可以进一步根据条件(如宽度、高度)来应用样式。 10. 元数据和导入: - @import: 在CSS文件中导入另一个样式表,例如@import url("style....
- **基本属性值**:列举CSS中常见的属性值类型,如长度单位、颜色值、字体大小等。 - **复合属性值**:介绍如何组合使用不同的值类型来定义复杂的样式。 ##### 11. 选择器 - **基础选择器**:概述基本的选择器类型...
CSS 3.0中的一大改进是增加了许多新的属性和属性值,例如`border-radius`用于创建圆角边框,`box-shadow`用于添加阴影效果,`transition`和`animation`则实现了平滑的动态效果。此外,颜色表示方式也得到了扩展,如...
- **属性选择器**:可以根据元素的属性和属性值来进行选择。 - **伪类选择器**:如`:hover`、`:active`等,用于定义特定状态下的样式。 #### 五、CSS盒模型 - **边距(margin)**:外边距,不透明,不占用空间。 -...
紧接着CSS2在1999年1月作为W3C推荐标准推出,增加了更多的样式表特性,例如对媒体类型的更多支持。CSS3目前仍为W3C草案状态,发布于2001年5月,它包含了许多模块化的规范,支持更丰富的页面样式和动画效果。 在HTML...
- **属性动画**:通过改变CSS属性值来创建动画效果。 #### 4. 媒体查询 - **媒体类型**:如`screen`、`print`等。 - **媒体特征**:如`width`、`height`等。 - **示例**:`@media screen and (max-width: 600px) {}...
- CSS3引入的媒体查询使得设计可以针对不同的媒体类型和条件进行调整,例如屏幕尺寸、分辨率、打印等。 7. 其他模块(Other Modules) - CSS3还包括了诸如多列布局(multi-column layout)、Web字体(Webfonts)...
#### 六、分配属性值、级联和继承 CSS 2.1支持为元素分配多个样式规则,这些规则可以通过级联机制来决定最终应用的样式。级联是指当多个样式规则冲突时,根据一定的优先级顺序来确定哪个规则将生效的过程。继承则指...
层叠顺序通常考虑规则的来源、特异性、媒体类型等因素。 - **继承**: 子元素可以从父元素继承某些样式属性,如字体大小、颜色等。这有助于保持页面一致性,减少重复的样式定义。 ### 4. 盒模型 CSS 2.0 的盒模型...
在这个“css属性列表”中,我们看到了CSS中多个关键属性的概述。 1. 字体属性(Font): - `font-family`: 设置字体系列,例如`"Arial, sans-serif"`,确保浏览器会选择可用的最接近的字体。 - `font-style`: ...
3. **媒体类型**:CSS2支持不同的媒体类型,如屏幕、打印、手持设备等,使样式可以根据设备特性进行适配,实现响应式设计的早期形式。 **二、基本选择器** 1. **元素选择器**:根据元素名选取元素,如`div`。 2. *...
CSS采用选择器+属性+值的结构来设置样式。例如,`p {color: red;}` 表示选定所有的段落(p元素),并将它们的文字颜色设置为红色。 **选择器**是CSS中用来指定要应用样式的元素类型,如`div`、`h1`或类选择器`....
CSS优先级由选择器的特定值决定,计算方式是:内联样式(1000)> ID选择器(0100)> 类、属性和伪类(0010)> 标签和伪元素(0001)。多个选择器组合时,优先级相加。 5. **如何实现响应式设计?** 响应式设计...
接着,我们要掌握CSS属性和值。属性定义了我们想要改变的样式特性,如颜色、字体、布局等;而值则是这些特性的具体设定,如颜色可以是"#FF0000"(红色)或"rgb(255, 0, 0)"。例如,"color:red"将文本颜色设置为红色...