【PC--CSS常识】的更多相关文章

DIV+CSS高手必知的15个CSS常识

1.不要使用过小的图片做背景平铺.这就是为何很多人都不用 1px 的原因,这才知晓.宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框.推荐的写法是 border:none;,哈哈,我一直在用这个. border:0; 只是定义边框宽度为零,但边框样式.颜色还是会被浏览器解析,占用资源. 3.慎用 * 通配符.所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源.要有选…

代码：PC CSS（工作中用）

常规内容区域的:标题和文字 2016-5-23 .p16{font-size:16px;color:#333;}/* 16号#333的标题 */ .p12-gray{font-size:16px;color:#333;line-height:22px;}/* 12号#999的内容 */ 这种可以设置链接颜色: .p16{font-size:16px;color:#333;} .p16 > a{color:#333;} .p16 > a:hover{color:#f83760;} .p12{fo…

牛人也得看的CSS常识

1.不要使用过小的图片做背景平铺.这就是为何很多人都不用 1px 的原因,这才知晓. 宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框.推荐的写法是 border:none;,哈哈,我一直在用这个. border:0; 只是定义边框宽度为零,但边框样式.颜色还是会被浏览器解析,占用资源. 3.慎用 * 通配符.所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源.要有…

CSS常识

1.给一个div设置边框:border:1px #CCCCCC bold; 2.给DOM加小手:cursor:pointer; 取消小手:cursor:auto;…

根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码

1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media only screen and (min-width: 321px) and (max-width: 1024px){这里写宽度大于321px小于1024px的样式(一般是平板电脑)} @media only screen and (min-width:…

前端分辨pc和移动端导入不同css

通过navigator获取浏览器,根据浏览器的不同判断出pc和移动端然后设置不同的css 分辨不同屏幕导入不同的css文件: function loadCSS() { if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { document.write('<link href="shouji.css" rel=&quo…

XHTML 基础（含部分css）

基于http://www.ycku.com/xhtml/ 的视频教程的一些笔记 关于xhtml的解释 引用百度百科 可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格. 从继承关系上讲,HTML是一种基于标准通用置标语言的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展标记语言,可扩展标记语言是标准通用置标语言的一个子集.XHTML 1.0在2000年1月26日成为W3C的推荐标准. 下面的例子在头部声明使用了html5了<!doctype…

JS判断PC还是移动端打开网页

最近在做移动端网站,也需兼容PC端.还没找到更好的方法,只能用javascr判断用户是在PC端打开还是移动端打开. JS判断 var isPC = function (){    var userAgentInfo = navigator.userAgent.toLowerCase();    var Agents = new Array("android", "iphone", "symbianOS", "windows phone&…

js手机端和pc端加载不同的样式

function loadCSS() {     if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {            document.write('<link href="shouji.css" rel="stylesheet" type="text/css" med…

js css等静态文件版本控制,一处配置多处更新.net版【原创】

日常web开发中,我们修改了js.css等静态资源文件后,如果文件名不变的话,客户端浏览并不会及时获取最新的资源文件,这就很尴尬了 怎么办呢? 1.小白:让客户清除缓存?,No ,  不靠谱 2.初级:把文件名改了?,可以,但我们产品样式一天更新8百次,怎么办?不方便 <link href="/css/old.css" rel="stylesheet" type="text/css" /> <link href="/c…