【自己喜欢用的一个初始化的common.css】的更多相关文章

自己喜欢用的一个初始化的common.css

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } body { font-size:12px; color:#666; font-family: Microsoft YaHei,SimSun;background: #f6f6f6;line-height: 2;} fieldset…

STM32 一个初始化EXTI的例子

23 May 2017 » Hardware 注:STM32F407VGT6 with STM32F4 DSP and standard peripherals library v1.8.0 外部中断源码 //中断服务函数 void EXTI2_IRQHandler(void) { delay_ms(10); if (KEY==0) { LED=~LED; } EXTI_ClearITPendingBit(EXTI_Line2); } //中断初始化函数 void EXTIX_Init(void…

common.css 值得学习的css样式布局

正常的项目当中,应当有一个common.css,就是把一些常用的样式,写入其中. 然后再结合一些特性的css,构造漂亮的页面. 下面欣赏一些海盗商城的common.css. /***样式初始化***/ html { margin: 0; padding: 0; border: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }…

kube框架结构-一个小型响应式CSS框架

当你开始初建一个新的项目时,你可能需要一个不太复杂的基础框架,Kube框架应该是你最好的选择.一个独立的CSS文件,帮助你更简单的创建响应式的的布局设计. Kube Framework包括网格.按钮.表.排版的样式和一些其它你用得上的内容,比如链接或者图像等.对于一个开发人员来说,足够的灵活性和完整的自定义是非常有必要的.如果你也正处于新建一个项目时,不妨也来使用一下Kube框架吧. 浏览器兼容: 最新版Chrome 最新版Firefox 最新版Safari 最新版Opera IE 8+ 兼容性…

css初始化表(normalize.css)

为什么要初始化CSS? 建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异.当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化.最简单的初始化方法就是: * {padding: 0; margin: 0;} .有很多人也是这样写的.这确实很简单,但有人就会感到疑问:*号这样一个通用符在编写代码的时候是快,但如果网站很大,CSS样式表文件很大,这样写的话,他会把所有的标签…

一个简单实用的css loading图标

摘要 在web开发中,为了提高用户体验,在加载数据的时候都会给一个loading的提示. Html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>&…

calc() ---一个会计算的css属性

最近这个月一直在赶项目开发,遇到的问题和学到的前端知识没有更新到博客园,现在闲了下来,就整理一下前端知识. 在项目开发中,在样式这方面花费的时间较多,因为针对于数字的变化特别多,本人不爱记数字,在看设计图时总是反复计算之间的数值,觉得很麻烦,偶然谷歌一下,发现了css3的一个属性--calc() calc() 很显然,是calculate的缩写--计算.是css3的一个属性.可以用来给width,height,border,margin以及padding等属性值设置动态值,拿个例子说: <!DO…

一个可以自动生成css样式的插件happycss

一直在页面写css, 重复写着样式,发现布局中,特别是h5,大量的样式都是margin,padding,width,height, 而,当我们需要给一个标签写样式的时候,避免内联样式,我们又需要取class名,对于英语不是特别好的同学,可能会特别苦恼.好了,有了这款插件,这些都不是问题! #happycss 这是一款可以自动生成css样式的插件,你只需要在 vue中写入 class="w10", 就会自动生成width: 10px; 默认单位为px,如果你需要使用%,请添加如 clas…

【JavaScript框架封装】实现一个类似于JQuery的CSS样式框架的封装

// CSS 样式框架 (function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法)[只要是需要使用到this获取到的元素集合这个变量的时候,这里就是需要进行链式访问的] xframe.extend({ /** * 给DOM元素设置/取值CSS样式 * @return {*} */ css: function () { // 分为两种情况,一种是取值模式,一种是设置模式 var arg = arguments, len = arg.len…

图片框住一个小视频 谈css padding百分比自适应

今天市场提出活动页,活动页有一块内容是在一个手机背景图框里播放视频,网页是适配的,设计师只给我一张带有手机壳的背景图. 如果用JS画应该也是可以的,但一个简单的活动页没必要,快速实现用背景图调CSS最快. 左侧放在框里的视频由两层实现 一层为背景图,一层为视频,一开始刚好卡住,当屏幕宽度变化时要适配,最好不要媒体查询适配大小 可以尝试一波 css padding 百分比的魔法了 以下实现代码: <div class="desc-1 iphone-box hover"> &l…