qq_40072782的博客

2D转换变换方法有 translate()、rotate()、scale()、skew()、matrix() 注意 Chrome 和 Safari 要求前缀 -webkit- 版本.. Internet Explorer 9 要求前缀 -ms- 版本..1、translate（）方法， 【平移】 根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 di...

1、纯文本居中   #left{       width: 100%;       height:200px;       background: pink;       text-align: center;      line-height: 200px;   }<div id="left">我已亭亭，不忧亦不俱-----------------《莲的心事》&l...

：：和：区别：css3中为表示区分：表示伪类。 伪类用于向某些选择器添加特殊的效果。：：表示伪元素。 伪元素用于将特殊的效果添加到某些选择器> 常见伪类——:hover, :link, :active, :target, :not(), :focus。> 常见伪元素——::first-letter, ::first-line, ::...

所有主流浏览器都支持 position 属性。 1、static : 默认值，没有定位，元素出现在正常的文档流里偏移属性（eg：left，top）不会生效。 2、relative：相对定位，相对于它在文档流的位置进行偏移.在文档流中的位置仍然在，不影响其他元素的位置。 3、absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行...

知识点：border属性一、第一种方法的实现① 先来看一下盒子模型加深对本知识点的理解#div1{ width: 100px; /*中间内容部分为100*100px*/ height: 100px; border-width: 50px; /* border的宽度*/ border-style: solid; border-color: red blue green ...

在css中要实现画三角形要用到的重要属性是border -边框属性一、第一种方法1. 先了解border属性<style type="text/css">#div3{ height: 100px; width: 100px; border

面试时遇到这样一个题，题目要求：分为左中右三列，左右两边固定宽度，均为200px；中间宽度自适应。当时没太明白，甚至把几个元素混为一谈了。得空了便来捋一捋。我们先设这三块分别为left、middle、right。1、浮动法浮动法的原理：对左右块使用分别使用float:left和float:right，float使左右两个元素脱离文档流，中间元素在正常文档流中。注意：middle位置要求...

css3 动画 @keyframes 用法 1、动画必须定义动画的名称和时长. 2、用百分比来规定变化发生的时间，或用关键词 “from” 和 “to”，0%（from） 是动画的开始，100%（to） 是动画的完成。 3、为了得到最佳的浏览器支持，应该始终定义 0% 和 100% 选择器。 4、给div写样式时必须相对定位 position：relative；否则动画不会动...

一、 css3 Flex 布局Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何容器都可以使用 eg .box{ display : flex} 行内元素使用 。。。display:inline-flex 注意 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。...

29. 清除浮动元素/*问题描述：一个父div，两个子Div，父不设宽高，会被子元素撑起高度。当给两子元素设置float（浮动，不占文档流的位置）后，父元素没有高度了————即高度塌陷形如 ：<div class="clearfix"> &a