随笔分类 -  css

摘要:设置父容器的宽度为280px,设置子容器的宽度为300px,其中的20px作为滚动条的宽度,父容器设置overflow: hidden;则不会显示出超出容器的20px的滚动条,子容器设置 overflow-y: auto;overflow-x: hidden;使其出现垂直滚动条。示例代码如下: 阅读全文
posted @ 2016-06-12 15:58 PLDaily 阅读(13948) 评论(2) 推荐(0)
摘要:一.单行文字居中: height: 100px;height: 100px;overflow: hidden; 二.多行内容居中(容器的高度不能固定): padding-top: 24px;padding-bottom: 24px; 三.块级实现垂直居中: 1. <!DOCTYPE html> <h 阅读全文
posted @ 2016-03-29 14:07 PLDaily 阅读(212) 评论(0) 推荐(0)
摘要:display:block display:inline display:inline-block 2. inline-block是基于baseline对齐的,但在inline-block中写入文字时baseline在文字的底部,对齐方式为与文字底部对齐 代码: 解决方法是添加vertical-al 阅读全文
posted @ 2016-02-28 20:28 PLDaily 阅读(281) 评论(0) 推荐(0)
摘要:_: IE6; #*+.: IE6 IE7; black\0: IE8; black\9: IE所有; @media screen\9 { … }: IE6 IE7; @media \0screen\,screen\9 { … }: IE6 IE7 IE8; @media \0screen { … 阅读全文
posted @ 2016-02-28 14:23 PLDaily 阅读(172) 评论(0) 推荐(0)
摘要:1.选择一张较大的图片,一般为1920*12532.html { height: 100%;}body { width: 100%; height: 100%; background: url() left top no-repeat; background-size: 100% 100%... 阅读全文
posted @ 2016-01-14 20:01 PLDaily 阅读(2096) 评论(0) 推荐(0)
摘要:gif:在使用动画的时候,例如加载页面时显示的预加载。png与jpg的区别:1、png可以透明,jpg不能透明,所以需要透明的地方,必须用png。2、png是无损保存,多次保存都不会影响图片质量;而jpg是压缩不可逆保存,所以一个jpg图片经过多次保存之后就会越来越模糊。3、jpg小,png大;一般... 阅读全文
posted @ 2016-01-14 19:22 PLDaily 阅读(373) 评论(0) 推荐(0)
摘要:代码一:全为padding。 margin||padding 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内... 阅读全文
posted @ 2015-05-09 18:19 PLDaily 阅读(272) 评论(0) 推荐(0)
摘要:例一:/*css*/a:link{ color: blue;}a:visited{ color: green;}a:hover{ color: red;}a:focus{color:black;}a:active{ color: yellow;}/*html*/click me例二:/*css*/i... 阅读全文
posted @ 2015-04-26 16:02 PLDaily 阅读(14608) 评论(0) 推荐(2)
摘要:List 新 浪 搜 狐 凤 凰 网 网 易 腾讯•QQ空间 百 度 微 博 爱淘宝 人 民 网 影视大全 阿里旅行 天猫 返利•团购 2345小游戏 淘 宝 网 京东商城 爱卡汽车 汽车之家 美 丽... 阅读全文
posted @ 2014-12-30 09:35 PLDaily 阅读(431) 评论(0) 推荐(0)