常规内容区域的:标题和文字 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…

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:…

通过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…

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

原文地址: Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS 原文作者: Anthony Gore 译者: 蜗牛(GivenCui) 校对者: veizz "消除阻塞渲染的CSS和JavaScript". 这一条Google Page Speed Insights的建议总让我困惑. 当一个网页被访问时,Google希望它仅加载对初始视图有用的内容,并使用空闲时间来加载其他内容.这种方式可以使用户尽可…

背景 上周我厂前端小伙伴们开了一个技术交流会,关于如何优选CSS架构.解决掉平时写CSS时频繁出现的各种问题,这是前端人员老生常谈的问题,但却很少搬上台面,铺开正式地开交流会.这次会议,便是围绕CSS架构以及寻求解决CSS顽疾的解决方案这两个中心点展开. 主题: 1.自己理想中的CSS架构 2.现如今项目中CSS维护存在的问题 3.自动化工具的选择 4.文件结构与命名规范 理想中的CSS架构 1.复用性强,作为组件可引入不同项目,低耦合,对原有CSS无污染 2.结构框架清晰,简单明了 3.命名规…

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

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…

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

写在前面 一个周五的晚上,闲来无事整理下自己的 github(经常做收藏党),今天打算都过一遍,发现一个 star很高的项目,里面有大量的 CSS 片段,而且标题很诱人,然后又花了将近1个小时从头到尾过了一遍,其中一些是我们常用的一些知识点,另外也包含一些比较新的属性的应用,知识点挺多的,为了让大家看起来更方便些,然后又花了点(很长很长)时间翻译成中文. https://github.com/30-seconds/30-seconds-of-css 当然提前需要和作者沟通下得到作者的允许,作者希…