css
文章平均质量分 93
如思学web
这个作者很懒,什么都没留下…
展开
-
相对单位em 和 rem --读《CSS in depth》
目录 1,绝对单位和相对单位2,em的使用分三种情况: 1,把各个方向的padding的值设置为字号大小 2,对font-size 使用em 3,对font-size和padding等同时使用相对单位3,rem 3.1,相对单位和响应式(一个例子)1,绝对单位和相对单位对于现在的互联网,页面有可能会在各种型号的屏幕上展示。既可能是一个5英寸的手机屏,...原创 2018-08-13 20:33:47 · 598 阅读 · 0 评论 -
css的左图右文布局且保持图片宽高比例固定放缩
有一个常见需求:就是一个展示页上,左边显示一张图片,右侧加一些配套文字。效果如下:当页面宽度增加时,图片响应变大,缩小时相应的变小。但图片的宽高比例不能改变。这种布局,一般肯定可以用flex方法轻松实现,但考虑到兼容性的问题。不得不采用一些“老式”但兼容良好的做法:float方法。这种就是一个父div包含2个子div,再对两个div左浮动。代码:<div class...原创 2018-08-26 17:46:28 · 3609 阅读 · 0 评论 -
选择器-《css权威指南(第4版)》核心知识整理
选择器分为class选择器和ID选择器,属性选择器,派生选择器、伪类和伪元素。其中class和ID选择器,大都非常清楚,这里就不在展开。本节重点梳理一下属性选择器、伪类和伪元素,相信通过本文的重新整理能够对选择器的相关观念能够有一个全面而系统的认识,以便在将来的实践中带来便利。 1,属性选择器1.1 简单属性选择器:选择具有特定属性的元素而不管其属性值。h1[class] {...原创 2018-10-07 22:28:29 · 2851 阅读 · 0 评论