-
CSS实现英文单词的首字母大写
text-transform 属性用来控制文本的大小写,是CSS2.1的属性,兼容性问题不大。 属性值是关键字,有4+1种,这个1是实验性属性值。 /* Keyword value…
-
CSS盒子模型的理解
一 css盒模型由两个盒子组成,外在的控制是否换行的盒子,以及内在的控制元素内容的盒子。 比如:display: inline-block, 则它的外在的盒子就是inline也就是…
-
常见的浏览器内核整理
今天俺跟大家分享一下浏览器内核知识,开发中使用的常见的就是将写CSS的时候加上浏览器内核前缀。 定义 内核主要分为渲染引擎和 JS 引擎。前者负责页面的渲染,后者负责执行解析 Ja…
-
BFC规范理解
这个俺之前的文章中有具体说明,详情说明可以查看这个俺公众号的这个文章链接 定义 BFC 全称“块级格式化上下文”(Block Formatting Context),对应的还有 I…
-
CSS选择器总结,属性继承总结
今天俺跟大家分享一下常见的CSS选择器,以及关于CSS常见的属性继承的总结。 选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元…
-
隐藏页面元素常用方法总结
在页面上隐藏元素的方法有哪些呢?今天俺跟大家整理分享一下常见的方法,如果有不对的地方希望大家一起学习交流。 大致分为占位和不占位,占位的意思就是虽然隐藏但是仍然可以捕获到点击的事件…
-
CSS3支持的新特性
欢迎大家留言补充,以下是来自俺的整理分享: 边框(borders) border-radius 圆角 box-shadow 盒阴影 border-image 边框图像 背景 bac…
-
圣杯布局和双飞翼布局详解与实现
作用 圣杯布局和双飞翼布局解决的问题是一样的,就是两边顶宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。 区别 圣杯布局,为了中间div内容不被遮挡,将中间div设置…
-
link和@import引入CSS区别
link和@import引入CSS主要有以下区别: link是HTML标签,@import是css提供的。 link引入的样式页面加载时同时加载,@import引入的样式需等页面加…
-
移动端::-webkit-scroll设置滚动条样式
该滚动条样式一般适用于移动端,PC端一般考虑兼容性会用到类似nicescroll插件。 实现代码如下: /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webki…