q_A_p的博客

目的：在浏览器窗口变化时，盒子相应改变大小。 设置了弹性盒模型后，float，clear和vertical-align在flex中不起作用。

渐变 线性渐变 .box{ width: 200px; height: 100px; background: linear-gradient(red,blue); /*background: linear-gradient(to bottom,red,blue);表示从上到下颜色渐变*/ /*渐变可以添加多个颜色b

position属性是指本体相对于上级的定位 position定位又分绝对定位和相对定位。它的默认值是static，意味着元素没有被定位，出现在文档流中应该出现的位置。 如果用position来布局页面，父级元素的position属性必须为relative或absolute。 行元素只有加了position:absolute后才可设置宽和高。 static、rela

伪类选择器 1.E:link   设置超链接没有在访问之前的样式 （只对生效） 2.E:visited   超链接在访问之后的样式 （只对生效） 3.E:hover  鼠标悬停时样式 4.E:active  鼠标按下时的样式 5.E:not(S)  选择不含有s选择器的E 6.E:first-child  选中父元素的第一个子元素 7.E:last-child   选中父元素的

float和display:inline-block    都能使两个块形元素并排 下面是div部分代码 使用float时结果是 *{ padding: 0; margin: 0; } .left{ width: 50%; height: 100px; float: left;

html决定结构，css控制样式，js决定行为。 css能把样式和内容分开。后面的样式会覆盖前面相同的样式。 样式表由选择器和声明两部分组成，选择器标识格式的元素，声明用于定义样式。 .层叠样式表引入方式有：行内样式表（内联样式表:只用于当前元素）style=””   >   内部样式表   >    外部样式表   >    导入@ url (“test.css”); 选择器：id选

方法一 ul li{ list-style:none; font-size:24px; line-height:30px; padding-left:40px; background:url(img/360.png) no-repeat; } 888 888 8

表单功能是用于搜集页面用户信息并发送给服务器，实现用户和服务器的交互。 form是块级元素 表单包含表单域 表单标签 表单按钮 /*url：form表单提交的地址 enctype：表单提交数据的编码（multipart/form-data：二进制) method:表单提交的方式*/ 用户名： 密码： input是自闭合标签，根据type的类型而改变t

fieldset可将表单的元素分组，一般与 legend一起用，legent可作为分组名字 健康信息 身高 体重 //disable会使下拉列表不可选，size表示可现实行数 北京//selected表示下拉表的选中项 上海//value表示要发给服务器的值 高度和宽度的单位是字符

媒体查询是界面为了适应不同屏幕大小而存在的 基本语法是： @media mediatype and（在）|  not（不再）|only （仅在）(media feature （设备尺寸）) {        CSS-Code;  } body{ background-color:grey; //正常情况是灰色 } @media

transform translate(x轴,y轴， )  能够改变位移，沿x轴，y轴移动距离 改的是用户看见的样式，对于元素本身而言没有改变 scale()   缩放        里面的值是缩放多少倍，没有单位 rotate()   旋转       单位是deg skew(水平,垂直)    翻转