CSS3
薛中然
向着光亮的地方
展开
-
CSS3之媒体查询
关键字 @media<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-06-21 16:10:32 · 175 阅读 · 0 评论 -
游览器兼容问题
1.火狐游览器下,字体大小可以设置成12以下的字体大小原创 2019-07-17 16:01:22 · 135 阅读 · 0 评论 -
css实现多行文本超出显示省略号
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;原创 2019-07-12 15:28:56 · 264 阅读 · 0 评论 -
css实现滤镜效果
<img src="http://www.daqianduan.com/wp-content/uploads/2018/10/filter1.png" class="logo">.logo { transition: all 0.2s; cursor: pointer; filter: grayscale(100%);}.logo:hover { filter...翻译 2019-07-12 15:22:10 · 239 阅读 · 0 评论 -
css进行文字居中(多行文字居中问题)
多行文字要想对齐使用line-height是实现不了的,他就等同于的让一个不设置宽高的div垂直居中,就像下面图这种效果。<style>.content{width: 800px;margin: 500px auto;}/* 定位写法 *//* .box{display: inline-block;vertical-align: middle;m...原创 2019-06-05 13:37:04 · 5235 阅读 · 0 评论 -
一像素边框
转载 2018-10-30 13:52:14 · 249 阅读 · 0 评论 -
FullPage应用
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>全屏/整屏滚动组件fullPage演示-垂直滚动_dowebok</title><style>body, div, p { margi原创 2018-06-26 19:07:14 · 225 阅读 · 0 评论 -
清除浮动-css
什么情况下需要清除浮动?父元素没有高度(指的是不设值,height:0不算)的情况下,里面的子元素都设置了浮动。只要浮动在一个有高度的盒子中,那么这个浮动就不会影响后面的浮动元素。 但是网页制作中,高度height很少出现。为什么?因为能被内容撑高!为什么需要清除浮动?当元素设置浮动属性后,会对相邻的元素产生影响。相邻元素是指紧邻后面的元素清除浮动的3种办法1、尾元素清除浮动。给父元素加上clea...转载 2018-06-30 09:44:26 · 154 阅读 · 0 评论 -
em 和 rem以及px的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-22 15:05:59 · 156 阅读 · 0 评论 -
flex布局小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-21 18:10:28 · 1107 阅读 · 0 评论 -
flex布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2018-06-21 17:41:52 · 308 阅读 · 0 评论 -
圣杯布局
圣杯布局1.设置基本样式为了高度保持一致给left main right都加上min-height:130px。2.圣杯布局是一种相对布局,首先设置父元素container的位置: 实现效果是左右分别空出200px和300px区域,效果如图:3.将主体部分的三个子元素都设置左浮动出现了如下情况,怎么办,别着急慢慢来:4.设置main宽度为width:100%,让其单独占满一行5.设置left和...转载 2018-06-21 17:05:56 · 161 阅读 · 0 评论 -
css实现图片的自适应裁剪
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></...原创 2019-07-23 10:38:34 · 3155 阅读 · 0 评论