随笔分类 -  css

让超出容器高度的内容滚动显示但不出现滚动条
摘要：设置父容器的宽度为280px，设置子容器的宽度为300px，其中的20px作为滚动条的宽度，父容器设置overflow: hidden;则不会显示出超出容器的20px的滚动条，子容器设置 overflow-y: auto;overflow-x: hidden;使其出现垂直滚动条。示例代码如下： 阅读全文
posted @ 2016-06-12 15:58 PLDaily 阅读(13948) 评论(2) 推荐(0)
css实现水平垂直居中
摘要：一.单行文字居中: 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)
inline,block,inline-block的区别
摘要：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)
IE hack中主要的几个
摘要：_: 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)
png，jpg，gif格式的图片的选择
摘要：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。 margin||padding 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内... 阅读全文
posted @ 2015-05-09 18:19 PLDaily 阅读(272) 评论(0) 推荐(0)
伪类link,hover,active,visited,focus的区别
摘要：例一：/*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)
hao123列表的实现
摘要：List 新　浪 搜　狐 凤 凰 网 网　易 腾讯•QQ空间 百　度 微　博 爱淘宝 人 民 网 影视大全 阿里旅行 天猫 返利•团购 2345小游戏 淘 宝 网 京东商城 爱卡汽车 汽车之家 美 丽... 阅读全文
posted @ 2014-12-30 09:35 PLDaily 阅读(431) 评论(0) 推荐(0)