Css
关注
分享
扫一扫
文章平均质量分 52
凌晨独舞
这个作者很懒，什么都没留下…
展开
-
Css 细节总结
css 细节原创 2017-06-06 18:02:25 · 448 阅读 · 0 评论 -
Flex 布局
前言文章转自 阮一峰大神的《Flex 布局教程》网页布局 是前端很重要的一块，盒子模型里面要考虑到IE和其他浏览器对盒模型的概念有所不同，主要体现在，padding 算不算在width里面的问题。css3可以通过box-sizing来告诉浏览器按照什么来计算。盒模型一般布局 会用到 position float display 等属性就可以搞定 ，但是垂直居中就不容易实现。flex布局兼容性转载 2017-07-05 11:18:52 · 526 阅读 · 2 评论 -
HTML+CSS知识点总结（一）
Doctype 作用？ 标准模式与兼容模式各有什么区别?（ 1） <!DOCTYPE>声明位于位于 HTML 文档中的第一行， 处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。（ 2） 标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。 在兼容模式中，页面以宽松的向后兼容的方式显示,模拟原创 2017-06-15 16:45:55 · 5268 阅读 · 1 评论 -
手机端页面的点击效果实现
前提产品设计 UI 经常会在设计时设计手机点击效果，虽然只有这个一个效果，但是却让我感觉非常头疼。。解决历程首先说 手机端会有一个默认的样式，点击出现一个黑块，这个可以通过 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); or -webkit-tap-highlight-color: transparent; 去掉黑块我刚开始想的是添加一个原创 2017-08-06 12:43:16 · 3516 阅读 · 0 评论 -
CSS 动画经验
前言工作任务需要在页面上设计一个动画，所以想到了使用CSS的 animation属性。 刚开始想把动画分解出来定义几个动画 一个一个执行，遇到了问题，怎么把两个动画合在一起。再后来，发现属性 animation-delay 只有第一次的时候回延迟，之后又开始一遍一遍的重复动画。这不是我想要的。最终想到了，把动画合成一个，把每次动画的延迟和动效合在一起进行循环。完成效果。。知识点animation原创 2017-10-31 03:03:32 · 484 阅读 · 0 评论 -
CSS布局--子元素margin-top 改变父元素定位的问题
问题描述CSS布局的时候出现，子元素使用margin-top,父元素的定位就会偏离的现象代码 *{ margin:0; padding: 0; } .box{ width: 100px; height: 100px; background: red; } .item1{原创 2018-01-15 09:53:14 · 959 阅读 · 0 评论