css
关注
分享
扫一扫
css
xiaokanfuchen86
这个作者很懒，什么都没留下…
展开
-
可适应页面中vh和vw和百分比有什么区别，怎样才能合适的使用？
之前还真没注意CSS3里这几个新功能…… 首先%代表相对宽度/高度，问题在于这个值相对什么，不同属性是不一样的，对于block的高度、宽度等，一般相对于父元素，而根元素body在没有定义高度的情况下是没有高度的。对于其他一些属性，比如font-size，相对的是em的大小。 而vh、vw不同，永远都是相对于视窗大小的，即便写在font-size里面也是按视窗大小。这个就会有很多很方便的地方了。 最主要能解决的一个问题就是原来想要做高度自适应很困难，现在很容易了。一个body{height: 100vh}就原创 2020-09-14 14:54:38 · 2126 阅读 · 0 评论 -
float和flex区别
float是让自己进行浮动 flex相当于是让子元素进行浮动 <html> <head> <style type="text/css"> *{ margin: 0; padding: 0; } .main{ float:left; background-color: #0f0; display: flex;/*父div设置该属性*/ } .main>div{ width: 50px; he.原创 2020-09-03 14:13:48 · 3386 阅读 · 0 评论 -
placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。 ::-webkit-input-placeholder{} /*使用webkit内核的浏览器 */ :-moz-placeholder{} /*Firefox版本4-18 */ ::-moz-placeh...转载 2020-05-05 14:20:21 · 2189 阅读 · 0 评论 -
CSS属性前的 -webkit, -moz
在CSS属性能中，我们常常能看到-webkit-，-moz-之类的前缀，这种就叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的，-moz-是Firefox Gecko内核，moz代表的是Firefox的开发商Mozilla。 为什么要有私有前缀呢？因为制定HTML和CSS标准的组织W3C动作是很慢的。通常，有w3c组织...转载 2020-05-05 14:17:17 · 1303 阅读 · 0 评论