CSS
文章平均质量分 63
JesusAllen30
前端开发工程师。语雀文档https://www.yuque.com/allenzhoujiawei
展开
-
复杂选择器分类总结图
总结图原创 2016-08-13 11:28:21 · 523 阅读 · 0 评论 -
CSS3属性transform(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。 一.rorate(旋转)用法:transform: rorate(45deg);共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。二.scale(缩放)用法:transform: scale(0.5,3);第一个参数表示水平方向上的原创 2016-06-10 23:23:57 · 3724 阅读 · 0 评论 -
css:hover状态改变另一个元素样式的使用
情景1:` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> body{ margin: 0; padding:原创 2016-11-06 10:11:24 · 39415 阅读 · 8 评论 -
CSS——灵活布局 float (浮动属性)
目录 浮动概述 浮动定位 float属性 clear属性 float与overfloat ————*注释:摘自 W3C、赵老师的ppt 第一部分1. 浮动概述浮动定位是指(特点) - 将元素排除在普通流之外,即元素将脱离标准文档流 - 元素将不在页面占用空间 - 将浮动元素放置在包含框的左边或原创 2016-08-24 00:21:28 · 1869 阅读 · 0 评论 -
实用的CSS片段(转)
1、垂直对齐如果你用 CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用 CSS3 的 Transform,可以很优雅的解决这个困惑:.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50转载 2017-03-28 09:42:24 · 549 阅读 · 0 评论