CSS
关注
分享
扫一扫
刘翾
如果有一天我们淹没在人潮里，那是因为没有努力活得丰盛。
展开
-
CSS两个经典BUG+层模型+浮动元素+伪元素+阿里开发小常识
CSS开发技巧以及, 伪元素, 浮动, 定位的介绍原创 2016-09-23 20:59:03 · 1027 阅读 · 3 评论 -
移动WEB开发---用rem开发响应式设计
效果rem与em区别先讲一个基础知识点 em是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无法预知的错误风险。而rem是相对于根元素代码在每次浏览器大小变化时页面的html的font-size大小都会改变html lang="en">head> meta char原创 2017-11-28 22:15:43 · 542 阅读 · 0 评论 -
CSS实战--实现侧边栏滑进滑出
效果用的csdn做的例子, 本篇博客主要讲的是侧边栏滑进滑出, 背景是图片……, 不要在意.代码//index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2017-12-10 15:29:27 · 11906 阅读 · 2 评论 -
CSS媒体查询和flex实现自适应多栏布局
效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <t原创 2017-12-10 14:08:03 · 2399 阅读 · 0 评论 -
CSS七种常用居中方式
1. 水平居中效果: <!DOCTYPE html><html lang="en"><head> <title>水平居中</title> <style type="text/css"> body { background-color: #CCC;原创 2017-12-10 11:40:41 · 5171 阅读 · 0 评论 -
CSS3实现优酷轮播图
CSS3实在是强大， 复杂的动画由CSS来实现着实让人好理解， 闲话不多说直接进入正题。今天实验的不是沉浸式轮播图， 而是类似优酷的立体轮播图一· 效果演示二· 页面布局页面布局同正常的轮播图一样没什么好说的。上代码. <!-- width:500px height:300px -->//我选的图片正常尺寸 <div class="wrapper"> <div class="原创 2017-03-19 18:33:47 · 1085 阅读 · 1 评论 -
二栏布局一栏自适应和三栏布局中间自适应
二栏布局一栏自适应效果图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>二栏布局</title> <style type="text/css"> body{ margin: 0; padding: 0;原创 2017-03-30 22:34:03 · 585 阅读 · 0 评论 -
HTML< form >标签+CSS选择器介绍
继续接着上一篇继续学习HTML的基本标签HTML标签1.< form >标签1.1属性method = “get/post”action = “目标地址,后台服务器的域名地址” 1.2< input >标签和’form’标签配合使用1.2.1属性type = “text输入框/ password密码框/ submit提交框/ radio单选框/ checkbox复选框”name = “use原创 2016-09-16 16:55:26 · 1497 阅读 · 0 评论 -
CSS属性+盒模型知识点整理
感觉好像markdown编辑器在移动端显示貌似有点问题, 很多列表编号都没有了, 好奇怪. 由于刚刚开始学习写博客, 可能很多地方都存在不足, 希望看到的朋友可以给些建议 , 谢谢接下来继续接着上一篇博客, 继续学习web前端开发css知识点‘*’通配符选择器经常用作为网页的初始化先写功能, 再从库从去挑功能, 一种反向逻辑自己写的属性可以覆盖原标签的属性, 因此可以自定义标签, 创造标签浏原创 2016-09-22 11:51:17 · 761 阅读 · 0 评论 -
css多行文字溢出打点
效果 单行文字溢出打点 多行文字溢出打点代码单行文字溢出打点 div { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }多行文字溢出打点 div { width: 10...原创 2018-08-07 19:23:21 · 26587 阅读 · 0 评论