qq_27381193的博客

W3School对transform属性的定义为：       transform属性向元素应用2D或3D转换。该属性允许我们队元素进行旋转、缩放、移动或倾斜。       transform函数包括了translate（定义平移转换）、scale（定义缩放转换）、rotate（定义旋转）和skew（定义倾斜转换）。       transfom-origin属性指定元素的中心点在

<link rel="stylesheet" href="reset.css" type="text/css" >@charset "utf-8";/* CSS Document */body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}em{ font-s...

按功能命名：头：header内容：content/container页脚：footer导航：nav子导航：subnav侧栏：sidebar栏目：column广告条：banner主体：main左中右：left/right/center菜单：menu子菜单：submenu注册：register登陆：login标志：logo按钮：btn

Heading标签也叫做H标签，HTML语言里一共有六种大小的heading标签，是网页html中对文本标题所进行的着重强调的一种标签，以标签、、到定义标题头的七个不同文字大小的tags，本质是为了呈现内容结构。共有六对，文字从大到小，依次显示重要的递减，也就是权重依次降低。遵循这样的原则是很有必要的，它能让页面的层级关系更清楚，让搜索引擎更好的抓取和分析出页面的主题内容。H标签的主要

先用HTML打好结构                   //一级菜单                            One                            Tow                            Three                            Four                        

first-of-type:指定父元素的首个元素的属性。例如：指定父元素的首个P元素的背景色p:first-of-type{background:#ff0000;}nth-of-type(n) 指定规定属于父元素的第n个P元素的每个Pp:nth-of-type(n){background:#ff0000;} 扇子

我们利用transform属性。transform属性向元素应用2D或3D转换，该元素允许我们对元素进行旋转、缩放、移动或倾斜。rotateX(angle)定义沿着 X 轴的 3D 旋转。rotateY(angle)定义沿着 Y轴的 3D 旋转。rotateZ(angle) 定义沿着 Z 轴的 3D 旋转。translateZ(z)        定

Q：如何使文本垂直居中？A：我们可以利用行高。如图所示：我们想text在P里面垂直居中。text在其所被包含的块中垂直居中，因此设置好P的高度后。将text被包含的块的line-height设置成与P的height相同即可。

我们在显示隐藏元素的时候经常会用到把display设置为none，设置为none效果很明显，就是让元素脱离文档流，不显示，不占文档空间。定位：inhert:规定从父元素继承position属性的值。static：默认值，没有定位，元素出现在正常的流中。relative:无论元素是否移动，元素在文档流中占据原来空间，只是表现会改变。absolute:绝对定位使元素的位

相对（relative）定位和绝对（absolute）定位relative：相对定位是指元素相对于自身原来位置进行偏移。原本所占空间仍然保留。相对定位的层次总是相对于其最近的元素，无论其父元素是何种定位方式。absolute：绝对定位是指元素相对于父元素进行定位。 原来正常文档流所占的空间会关闭。使用绝对定位时，父元素要求有position属性，否则将会按照父的

伪类的定义和概念a:link 未访问链接a:visited已访问链接a:hover悬浮链接a:active活动链接 在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的 优先级：若没有a{}若无a:link，a:link将采用默认的字体大小和颜色若无a:hover

block元素通常为独立的一块，会单独换一行；inline元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。block元素可以包含block元素，inline元素只能包含inline元素。(一) display:block1. block元素会独占一行，多个block元素会各自新起一行。2. block元素可以设置width，height属性,块级元素即使设

属性1：transiton：允许css的属性值在一定时间区间内平滑地过渡。1.        transition-property:执行变换的属性2.        transition-duration:执行变换的时间3.        transition-time-function：执行变换的速率4.        transition-delay:执行变换的延迟时间。

1) 如何通过CSS画带有阴影的实心圆div{width: 50px;height: 50px;background-color: yellow;border-radius: 25px; box-shadow: 5px 5px 5px #888888; }2) 空心圆border值尽可能小，不设置背景颜色。div{width: 50px;he

将元素的width和height设置为0。设置border的left，right，top，bottom值。transparent：透明。 CSS画三角形 #top{ width: 0px; height: 0px; border-left:50

控件是指对数据和方法的封装。控件可以有自己的属性和方法，其中属性是控件数据的简单访问者，方法则是控件的一些简单而可见的功能，控件创建过程包括设计、开发、调试（就是所谓的3Ds开发流程，即Design、Develop、Debug）工作，然后是控件的使用。开发者应该掌握的三项主要内容是属性、事件和方法。控件根据用途上可以分为四种：内容控件（Content Controls）、条目控件（Items Co...