代码改变世界

css选择符

2017-07-02 23:28 by 陪李一起, 163 阅读, 0 推荐, 收藏, 编辑
摘要:元素选择符 Element Selectors Selectors选择符Name名称CSS Version版本Description简介 * 通配选择符(Universal Selector) CSS2 所有元素对象。 E 类型选择符(Type Selector) CSS1 以文档语言对象类型作为选 阅读全文

CSS基础

2017-07-02 23:25 by 陪李一起, 119 阅读, 0 推荐, 收藏, 编辑
摘要:1.CSS概述:1)CSS是层叠样式表的缩写 2)1966年12月发布第一个CSS,但只是辅助作用,不受重视 3)1999年一月,CSS2.0正式推荐版发布,增加了对其它媒体(打印机、视觉设备)、可下载字体、元素定位和表格的支持 4)最新版的CSS标准CSS3.0已经开发出来,更具模块化 2.CSS 阅读全文

布局和BFC

2017-06-25 19:04 by 陪李一起, 141 阅读, 0 推荐, 收藏, 编辑
摘要:块级格式化上下文 BFC 是W3C CSS2.1规范中的一个概念,决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。目前除了IE6-7外其他浏览器均支持BFC。在CSS3中BFC叫做Flow Root。 与普通容器相比,BFC元素可以看作是隔离了的独立容器,内部的元素不会在布局上影响外 阅读全文

浏览器解析模式

2017-06-25 18:55 by 陪李一起, 528 阅读, 0 推荐, 收藏, 编辑
摘要:DOCTYPE,或者称为 Document Type Declaration(文档类型声明,缩写 DTD)。通常情况下,DOCTYPE 位于一个 HTML 文档的最前面的位置,根元素 html 的起始标签之前,前面没有任何内容,不区分大小写。因为浏览器必须在解析 HTML 文档正文之前就确定当前文档 阅读全文

浏览器兼容性问题

2017-06-25 18:54 by 陪李一起, 208 阅读, 0 推荐, 收藏, 编辑
摘要:浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的 margin 和 padding 差异较大。碰到频率:100%解决方案:CSS里 * {margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几 阅读全文

JS插件

2017-06-22 20:25 by 陪李一起, 362 阅读, 0 推荐, 收藏, 编辑
摘要:1.引用js插件:bootstrap.js 和 bootstrap.min.js 都包含了所有插件,你在使用时,只需选择一个引入页面就可以了。 2.模态框:引用模态框需加上: 3.下拉菜单: 6.弹出框:引用时需加上: 7,。轮播效果: 阅读全文

bootstrap

2017-06-22 20:16 by 陪李一起, 253 阅读, 0 推荐, 收藏, 编辑
摘要:1.介绍:由Twiiter公司开始,最早移动设备优先,可以使自己的网页效果更加漂亮 2.使用bootstrap的结构:例: 3.引用字体图标glyphicons:写法:<div class=glyphicons glyphicons> 4.下拉菜单:dropdown:写法: 阅读全文

CSS6

2017-06-22 20:04 by 陪李一起, 151 阅读, 0 推荐, 收藏, 编辑
摘要:1.引用自己的字体 :@font-face自己取得名字不要和已有的起冲突 写法:@font-face{font-family:自己取得名字;src=url();} .div1{font-family:自己取得名字} 2.字体图标(就是一种字体 ):优点:a.提高网页性能 b.无限放大不失真 c.为响 阅读全文

CSS5

2017-06-22 19:49 by 陪李一起, 221 阅读, 0 推荐, 收藏, 编辑
摘要:2D/3D转换 1.translate(平移),rotate(旋转),scale(缩放),skew(斜切扭曲),matrix(组合操作) transform-orign(设置中心点):left(水平) top(垂直) 例:平移:transform:translate(px); 旋转:translat 阅读全文

CSS新增样式4

2017-06-22 19:23 by 陪李一起, 192 阅读, 0 推荐, 收藏, 编辑
摘要:1.阴影:box-shadow:none(无阴影) inset(显示阴影在里面),写法:box-shadow:inset/outset(外阴影) px(阴影水平偏移值) px(阴影垂直为负) px(阴影模糊值不为负) color; 总结:三个数值时,阴影的外延值就不存在了;两个数值时,阴影的模糊度和 阅读全文