css
extendworld
这个作者很懒,什么都没留下…
展开
-
CSS 疑问汇总(1)
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-07-19 10:53:03 · 355 阅读 · 0 评论 -
CSS学习-@font-face属性
网页中导入特殊字体@font-face属性详解原创 2017-07-20 10:12:25 · 224 阅读 · 0 评论 -
CSS学习--各大浏览器前缀
各大浏览器前缀转载 2017-07-20 11:55:45 · 509 阅读 · 0 评论 -
CSS学习--CSS属性书写顺序和命名规则
CSS属性书写顺序和命名规则转载 2017-07-20 12:16:18 · 252 阅读 · 0 评论 -
background-size布局和移动端图片的等比缩放
大牛推荐的关于css的两本书,特在此记录:写给大家看的CSS书 CSS禅意花园background-size:一:length该属性值是设置背景图像的宽度和高度的,第一个值是宽度,第二个值是设置高度的。如果只设置第一个值,那么第二个值会自动转换为 “auto”;二:percentage该属性是以元素的百分比来设置图片的宽度和高度的,第一个值是宽度,第二个值是高度。如果只设置一个值,那么第二个值会原创 2017-11-29 23:04:18 · 5852 阅读 · 0 评论 -
行高line-height,元素居中
元素居中的css写法:margin: 0 auto;水平居中flex 布局:上下垂直居中position为absolute的时候使用left和top50%,然后再设置margin-top,margin-left值设为自己宽高的一半的负值。这样也可以始终是一个元素上下垂直居中显示。 或者是:transform: translate(-50%,-50%); 把元素从上和左移元素宽高的50%。t原创 2017-11-30 21:12:37 · 899 阅读 · 0 评论 -
Flex实现网页模态框
flex布局: align-items: 用于弹性盒子,用来设置所有子元素在侧轴上的布局 align-self: 用于弹性盒子的子元素,设置子元素在侧轴的布局线性渐变基础:linear-gradient(colora, colorb)主要是用来是实现模态框上面元素进行上下左右的居中显示 代码 .rule_btn{ display: block; width原创 2017-11-27 21:28:19 · 278 阅读 · 0 评论 -
CSS 解析过程
好文参考: http://jartto.wang/2017/11/13/Exploring-the-principle-of-CSS-parsing/html的解析过程:CSS选择器匹配元素是逆向解析因为所有样式规则可能数量很大,而且绝大多数不会匹配到当前的 DOM 元素(因为数量很大所以一般会建立规则索引树),所以有一个快速的方法来判断「这个 selector 不匹配当前元素」就是极其重要的。转载 2017-12-16 16:37:53 · 1114 阅读 · 0 评论 -
overflow 清除浮动
通过overflow:hidden清除浮,使一个浮动后没有高度的元素拥有了高度,并且包含了内部浮动的元素,其原理是通过overflow:hidden创建了一个块级格式上下文(BFC),一个块格式化上下文包括创建它的元素内部所有内容,除了被包含于创建新的块级格式化上下文的后代元素内的元素。原创 2017-12-07 15:35:37 · 636 阅读 · 0 评论