随笔分类 -  CSS

摘要:行内元素格式化顺序: 相关概念: leading(行间距):指填充在两行文字间的铅条,等于line-height 和 font-size之差,其中一半leading加到文字上方,另一半leading加到文字下方,只用于非替换元素。 em框:em框指示没有行间距时基线之间的距离,不指定字符间的边界,实 阅读全文
posted @ 2017-06-11 16:42 开发之路 阅读(707) 评论(2) 推荐(1)
摘要:屏幕尺寸是指屏幕对角线的长度,一般以英寸为单位,1英寸(inch)=2.54厘米(cm)。传统意义上的照片尺寸也是这个概念。所以同样尺寸(指对角线)的屏幕,也可能长宽比率不同。像素(Pixel):是位图(如数字图像)里的抽象概念,指计算机对图像的采样点,没有具体尺寸。通俗理解就是一个一个的方框(点) 阅读全文
posted @ 2017-03-27 17:39 开发之路 阅读(3149) 评论(0) 推荐(0)
摘要:background-origin: 规定 background-position 属性相对于容器的哪一部分来定位。 padding-box 背景图像相对于内边距框来定位;(默认) border-box背景图像相对于边框盒来定位; content-box背景图像相对于内容框来定位。 backgrou 阅读全文
posted @ 2017-03-14 11:21 开发之路 阅读(362) 评论(0) 推荐(0)
摘要:1.Chrome自动填充的input背景为黄色: box-shadow 向框添加阴影,默认是在框外面,inset改为向内添加。 box-shadow :H水平偏移量 V垂直偏移量 B模糊尺寸 S阴影尺寸 C阴影颜色 O/I内外影; 看阴影效果,先确定阴影尺寸,再确定偏移距离。 2.input获得焦点 阅读全文
posted @ 2017-02-17 14:25 开发之路 阅读(2454) 评论(0) 推荐(0)
摘要:12px的中文占据16px高度,英文占据14px的高度。所以做双语版网页时css样式要做相应调整。 IE10,IE11浏览器当点击input text文本框时,输入文本后出现一个删除功能的X按钮。 去掉input text文本框后的X按钮的方法:给input text添加如下CSS input::- 阅读全文
posted @ 2017-02-06 16:57 开发之路 阅读(412) 评论(0) 推荐(0)