hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

详细介绍css属性之媒体类型_WEB前端开发

2020-04-12后端开发ki4网29°c
A+ A-

js如何实现时间的格式化_WEB前端开发

本文为大家介绍了js获取当前时间以及实现时间的格式化的方法,具有一定的参考价值,希望可以帮助到大家。获取当前时间:【var myDate = new Date();】。

前言:

样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。

声明一个媒体属性可以用@import或@media引入:

@import url(loudvoice.css) speech;
@media print {
/* style sheet for print goes here */
}

也可以在文档标记中引入媒体:

<link rel="stylesheet" type="text/css" media="print" href="foo.css">

(推荐教程:CSS教程)

可以看出,@import和@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。

@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用","分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。

下面列出各种媒体类型:

SCREEN:指计算机屏幕。

PRINT:指用于打印机的不透明介质。

PROJECTION:指用于显示的项目。

BRAILLE:盲文系统,指有触觉效果的印刷品。

ps安装出现错误代码160怎么办_WEB前端开发

ps安装出现错误代码160的解决办法:首先打开注册表;然后在“权限”对话框中单击“高级”按钮,并单击“所有者”选项卡;接着将所有者改为当前用户并勾选“替换子容器和对象的所有者”的选项;最后删除Photoshop项即可。

AURAL:指语音电子合成器。

TV:指电视类型的媒体。

HANDHELD:指手持式显示设备(小屏幕,单色)。

ALL:适合于所有媒体。

手机端(移动端)自适应样式 @media 的使用

通用手机端样式:

@media all and (orientation : portrait) {
/*竖屏*/
}
@media all and (orientation : landscape) {
/*横屏*/
}

指定手机端高度样式:

@media screen and (max-width: 750px)
@media screen and (min-width: 720px) and (max-width: 960px) {//720 <= xxx < 960的设备}

根据不同的设备设定的样式:

@media (min-width: 768px){ //>=768的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 1200){ //>=1200的设备 }

注意下顺序,如果你把@media (min-width: 768px)写在了下面那么很悲剧,因为css文件是从上至下读取的,后面的css优先级会更高

@media (min-width: 1200){ //>=1200的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 768px){ //>=768的设备 }

因为如果是1440,由于1440>768那么你的1200就会失效。

所以我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面

@media (max-width: 1199){ //<=1199的设备 }
@media (max-width: 991px){ //<=991的设备 }
@media (max-width: 767px){ //<=768的设备 }

相关视频教程推荐:css视频教程

以上就是详细介绍css属性之媒体类型的详细内容,更多请关注ki4网其它相关文章!

ps图层面板怎么调出来_WEB前端开发

调出ps图层面板的方法:首先在ps中打开需要编辑的目标图片;然后在工具栏中点击窗口选项卡;接着在窗口选项卡的下拉菜单中找到图层选项按钮并点击进入;最后在工具栏中点击使用图层面板即可。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
详细介绍css属性之媒体类型_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:
推荐阅读

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>