随笔分类 - css
css方面的注意
摘要：本文章为综合其它资料所得。 根据Google Developer，Chromium项目里，渲染线程分为main thread和compositor thread。 如果CSS动画只是改变transforms和opacity，这时整个CSS动画得以在compositor thread完成（而JS动画则
阅读全文
摘要：animation属性 使用@keyfarmes属性开启动画步骤 结构体：@keyfarmes name{ from{ } to{ } } @keyfarmes name{ 0%{ } 50%{ } 100%{ } } animation-delay 延时属性以秒为单位； animation-dur
阅读全文
摘要：th和tr都是表示列但是 th有一个居中加粗的效果。 表单是由 ： 1表单域：<form name=" " method="get/post" action=" "></form> 2表单控件：<input type="text" value=" "> 3提示信息 表单字段集： 语法 : <fiel
阅读全文
摘要：纯百分比页面 想要让元素居中的方法以下一些： 1 给居中元素设置一个小于百分百的宽度，然后 设置margin：0 auto； 2给居中元素的父元素设置一个position：relative； 再给子元素使用position：absolute；减去想要定位的子元素容器的一半宽度。 3给居中元素的父元素
阅读全文
摘要：min-height:value. 兼容性。 div{min-height：300px；height：300px；}最小高度IE6不能识别该属性。 要是做兼容的话，要这么写 div{_height:300px; min-height:300px;} 加个“_”IE的识别符，只支持IE浏览器。 div
阅读全文
摘要：高度塌陷；产生的条件：子元素的浮动，父元素没有高度就会塌陷 解决：1. 给父元素添加高度，不建议使用。 优点：简单容易理解 缺点：不适合高度自适应。 2.给父元素添加overflow：hidden；最常用的。 缺点：如果用到了定位，并且是定位到父元素外面去就不能用了. 3 写一个空的div 给父元素
阅读全文
摘要：在解释过我们如何去写的原理以后，接下来就是如何去书写我们的代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> *{margin: 0 auto;p
阅读全文
摘要：大家可以对比一下之前的看看那种好； <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> *{ margin：0 ; padding: 0; } div{
阅读全文
浙公网安备 33010602011771号