<CSS>总结:常用分辨率

作者&投稿:萧司 (若有异议请与网页底部的电邮联系)
~ 128x128、128x160、240x320(常见2.0、2.2、2.4、2.8寸屏手机使用)
320x240(常见2.4寸屏手机使用)
240x400(常见3.0寸屏手机使用)
320x480(主流屏常见3.2、3.5寸屏手机)
360x640(诺基亚常见)
480x800(常见4.0寸屏使用)
480x854(常见3.7寸屏使用)
960x540(QHD常见4.0、4.3、4.5寸使用)
960x640(常见苹果机使用)
1136x640(常见苹果5使用)
1280x720(HD主流屏常见4.3、4.5、4.7、5.0、5.5、5.7、6.0寸屏使用)
1280x768(常见4.5寸屏使用)
1280x800(常见三星5.3寸及平板电脑使用)
1024x600(常见7.0寸屏平板电脑使用)
1024x768(常见LG5.0寸屏及7.9寸9.7寸平板电脑使用)
1920x1080(FHD主流屏常见4.7、5.0、5.0、5.7、6.0寸手机及电视使用)
1920x1280 (常见9.0寸平板电脑使用)
1920x1200(常见10.1寸平板电脑及酷派大神7.0使用)
2048x1539(常见苹果iPad 及国产一些平板使用)
2560×1440(2k屏)
4096×2160(4K屏常见电视使用)

1024x600(常见8.9寸电脑使用)
1024x768(常见10.4、12.1、14.1、15寸电脑使用)4:3
1280x1024(常见14.1、15寸电脑使用)5:4
1440x1050(常见14.1、15寸电脑使用)4:3
1600x1200(常见15、16.1寸电脑使用)4:3
1280x800(常见10.8、12.1、15.4寸电脑使用)16:10
1366x768(常见15.2寸电脑使用)15:10
1280x854(不常见)16:9
1440x900(仅苹果17寸电脑使用)16:10
1600x1024(不常见)14:9
1680x1050(常见15.4、20寸电脑使用)16:10
1920x1200(常见20寸电脑使用)16:10

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

320dp:一个普通的手机屏幕(240X320,320×480,480X800)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI

1、800x600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024x768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024x768页面的标准大小是955x600,照着它的尺寸做就行了)

3、在ps里面做网页可以在800x600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740x560左右

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

页面标准按800x600分辨率制作,实际尺寸为778x434px

页面长度原则上不超过3屏,宽度不超过1屏

每个标准页面为A4幅面大小,即8.5X11英寸

全尺寸banner为468x60px,半尺寸banner为234x60px,小banner为88x31px

另外120x90,120x60也是小图标的标准尺寸

每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

1、120x120,这种广告规格适用于产品或新闻照片展示。

2、120x60,这种广告规格主要用于做LOGO使用。

3、120x90,主要应用于产品演示或大型LOGO。

4、125x125,这种规格适于表现照片效果的图像广告。

5、234x60,这种规格适用于框架或左右形式主页的广告链接。

6、392x72,主要用于有较多图片展示的广告条,用于页眉或页脚。

7、468x60,应用最为广泛的广告条尺寸,用于页眉或页脚。

8、88x31,主要用于网页链接,或网站小型LOGO。


怎么用CSS设置网页table边框样式
对table设置css样式边框,分为几种情况:1、只对table设置边框 2、对td设置边框 3、对table和td技巧性设置表格边框 4、对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例;table宽度为...

不要再滥用css样式!important规则了
不要滥用css样式!important规则一、理解!important与优先级无关有的同学称css的样式优先级计算的例外规则-!important规则,为css样式优先级“最高级”,这其实有点道理,因为从作用结果上看,这似乎符合事实的。不管内联样式,还是百八十嵌套层的样式选择器组合,都可以被!important覆盖。例如下面这个优先级...

在网页中使用css的几种方式
(1)使用Embed(嵌入样式单)排版样式:即将CSS代码直接插入每个页面的HTML的区,就象上一节看到的。使用...标签。例如: <!-- h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC} h1 { font-family: "Arial"; font-size: ...

CSS样式制作导航条的步骤
menu{ width:500px;margin:0 auto; \/*令盒子居中*\/ font-size:20px; \/*定义字体的大小*\/ } ul{ margin:0; padding:0; \/*把浏览器默认的间隔去掉*\/ list-style:none; \/*把前面的序列号去掉*\/ } li{ float:left; \/*向左浮动,这个是实现水平的重要步骤!!*\/ padding:0 15px;...

css怎么理解啊??
Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver8在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有...

CSS文档定位指南:static、relative、absolute、fixed、sticky详解_百度...
CSS中position属性用于指定元素的定位方法的类型(static、relative、absolute、fixed、sticky)。静态定位position:static此属性未HTML元素默认定位,一个元素没有以任何特殊的方式定位,它总是按照页面的正常流程定位。在此属性下,属性值top、left、right、bottom和z-index对HTML元素没有影响。.parent{width...

什么是CSS样式?有什么用途?
<STYLE type="text\/css"> H1.mylayout {border-width:1; border:solid; text-align:center; color:red} <\/STYLE> <\/HEAD> <BODY> <H1 class="mylayout"> 这个标题使用了Style。<\/H1> <H1>这个标题没有使用Style。<\/H1> <\/BODY> <\/HTML> 内部样式表(Internal Sytle Sheet)要用到Style...

正值初夏,用CSS画一个七彩风车
效果图 实现思路我们给一个版心,防止屏幕变大变小样式错乱,然后使用div装风叶盒子和风车杆 风叶盒子采用ul和li去做,这样做出来的层次分明有结构感,然后通过css的旋转属性,用js进行遍历添加到行内,顺便也给每个风叶添加颜色,这里风叶有一个透明的效果,这里可以采用透明度属性进行设置 风叶杆用div的伪...

css网页的几种布局实例
本文主要介绍了浅谈css网页的几种布局的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。2018年已经过了一周,总结一下2017年在公司wiki上写的一篇关于css布局的知识,当时也借鉴了几个大神写的css布局知识,和自己在项目中遇到的坑。废话不多说。请看以下的...

CSS样式的语法结构有几部分组成
CSS 结构和规则 CSS 属性 将样式表加入到HTML中 CSS 结构和规则 基本语法 规则选择符 任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如, P { text-indent: 3em } 当中的选择符是P。 类选择符 单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页...

胶州市17186344297: 常用CSS代码有哪些? -
锐纪硬脂: 代码分标签和属性,如<font size=""></font>,font是标签,size以及后面的都是属性.下面是我所了解的部分: border margin padding position float align text-decoration text-align background background-color background-image...等等 它们具体的值,你可以去网上查下,也可以在DW里面,写上一些,DW会自动出来,有很多...

胶州市17186344297: CSS样式都有哪几种? -
锐纪硬脂: 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD、em等 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、EM...

胶州市17186344297: 1. Css高级样式是一种特殊类型的样式,常见的有四种,分别是 - - - 、----、----和----.
锐纪硬脂: 1、内联样式,就是一般直接在标签上用style标记的 例如:&lt;div style=" color:#FF0000;font-family:"宋体";cursor:url(3151.ani);"&gt;&lt;/div&gt; 2、嵌入样式 &lt;style type="text/css"&gt; 内部样式表是把样式表放到页面的&lt;head&gt;...

胶州市17186344297: CSS样式常用的属性有哪些 -
锐纪硬脂: 一般的一个DIV的CSS设置属性有:margin,padding,width,height,font-size,text-align,background,float,border

胶州市17186344297: css 有哪些常用的布局 比如圣杯 -
锐纪硬脂: 常用布局: 1.流式布局 2.浮动布局 3.绝对定位布局 4.圣杯布局

胶州市17186344297: css选择符类型有哪些,及应用,代码结构 -
锐纪硬脂: 1、标签选择符: 如p{color:#F00; font-size:36px;},使用<p>直接作用</p>2、类选择符: 如 .red{color:#C00;},使用<p class="red">直接作用</p>3、ID选择符: 如 #two{color:#600; font-family:'汉仪行楷简';},使用<p id="two">直接作...

胶州市17186344297: CSS样式的三种调用方式有什么不同?优先级有什么不同? -
锐纪硬脂: 在HTML中常用以下三种方式定义CSS:embedding(嵌入式)、linking(外部引用式)和inline(内联式,也称行内样式).一:嵌入式 用户可在HTML文档头部定义多个style元素,实现多个样式表.二:外部引用式 ①可以在多个文档间共享样式表,对于较大规模的网站,将CSS样式定义独立成一个一个的文档,可有效地提高效率,并有利于对网站风格的维护.②可以改变样式表,而无需更改HTML文档,这也与HTML语言内容与形式分开的原则相一致.③可以根据介质有选择的加载样式表.三:内联式 使用该属性可以直接指定样式,当然,该样式仅能用于该元素的内容,对于另一个同名的元素则不起作用.优先级:内联式>内嵌式>外部引用式

胶州市17186344297: css经典布局有哪些 -
锐纪硬脂: 下面这几种布局方式在一些常用界面的制作上都是基础,供参考: 1、可复用的高度和宽度都自适应的圆角矩形 2、两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 3、三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化 4、浮动布局

胶州市17186344297: DIV+CSS布局常用的属性 -
锐纪硬脂: 用过DIV+CSS的人都知道,虽然这种布局没有用传统的table直观,但用习惯了就会感觉出DIV+CSS的优越.对于seo优化,div+css也有了明显的优势,实际应用中我搜索了DIV+CSS的常用定义项,并对其参数作了归纳和说明,与喜欢DIV+...

胶州市17186344297: 常用的css样式标签的简写? -
锐纪硬脂: padding-top:5px,padding-right:15px,padding-bottom:35px,padding-left:25px; padding:5px 15px 35px 25px; margin同上

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网