教你玩转CSS 媒体类型

CSS 媒体类型

媒体类型

@media 规则

其他媒体类型

CSS 媒体类型

媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。

媒体类型

一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans-serif 字体比较适合在屏幕上阅读，而 serif 字体更容易在纸上阅读。

教你玩转CSS 媒体类型相关推荐

CSS媒体类型基本知识
1.媒体类型 @media @media 规则允许在相同样式表为不同媒体设置不同的样式.例如同一页面在浏览器屏幕上展示和打印在纸张上字体大小.背景色等属性会有区别,这是因为不同的媒体类型需要的样式 ...
教你玩转CSS响应式设计
目录什么是 Viewport? 设置 Viewport CSS 网格视图什么是网格视图? 响应式网格视图 CSS 媒体查询添加断点
教你玩转CSS 属性选择器
目录具有特定属性的HTML元素样式属性选择器属性和值选择器属性和值的选择器 - 多值表单样式 CSS 属性选择器具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是cl ...
教你玩转CSS 图像透明/不透明
目录图像的透明度 - 悬停效果透明的盒子中的文字使用CSS很容易创建透明的图像. 注意:CSS Opacity属性是W3C的CSS3建议的一部分. img{opacity:0.4;filter: ...
教你玩转CSS 提示工具(Tooltip)
如何使用 HTML 与 CSS 来创建提示工具. 提示工具在鼠标移动到指定元素后触发基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: <style>/* Tooltip ...
教你玩转CSS 下拉菜单
目录基本下拉菜单实例解析下拉菜单下拉内容对齐方式使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果. 基本下拉菜单当鼠标移动到指定元素上时,会出现下拉菜单. <style> ...
教你玩转CSS 导航栏
目录 CSS 导航栏导航栏导航栏=链接列表垂直导航栏垂直导航条实例激活/当前导航条实例创建链接并添加边框
教你玩转CSS 伪元素
目录 CSS 伪元素语法 :first-line 伪元素 :first-letter 伪元素伪元素和CSS类多个伪元素 CSS - :before 伪元素
教你玩转CSS 伪类
目录语法 anchor伪类伪类和CSS类 CSS :first-child 伪类匹配第一个元素匹配所有

教你玩转CSS 媒体类型

CSS 媒体类型

媒体类型

教你玩转CSS 媒体类型相关推荐

最新文章

热门文章