郑怪兽

CSS3 渐变（Gradients）CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。CSS3 定义了两种类型的渐变（gradients）：线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gr

使用 CSS3 border-radius 属性，你可以给任何元素制作 “圆角”。CSS3圆角制作器CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 “圆角”。属性描述border-radius所有四个边角 border---radius 属性的缩写border-top-left-radius定义了左上角的弧度border-top-right-radius定义了右上角的弧度border-bot

1）用BDC实现分2栏：右栏自适应<style> *{ margin:0; padding:0; } html,body{ height:100%; } .box{ width:100%; height:100%; background:orange; }

1）给滚动条的部分设置宽高为100%， overflow-y: auto;2）设置滚动条的部分::-webkit-scrollbar{width: 0;display:none;}

css定位定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；}position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位属性值描述static（静态定位）正常显示，和不设置的效果一样absolute（绝对定位）以已定位父元素的位置为参照物，脱离文档流，不占据空间fixed（固定定位）以浏览器的窗口为参照物；不论窗口滚动与否，元素都会留在那个位置relative（相

css选择器1)类型选择符（标签选择符）​ 能选中左右同名标签2) id选择器​ 用法： 用来划分网页外围结构​ 语法： <标签 id=“名称”> </标签>​ #名称{ 属性：属性值}3）类选择器（class选择器）​ 语法：<标签 class=“名称”> </标签>​ .名称{ 属性：属性值}4）群组选择器​ 当有多个选择符应用相同的样式时，可以将选择符用“，”分隔的方式，合并为一组。​ 语法：选择符1，选择符2, 选择符3{属性：

盒模型盒模型是网页的基石，在使用CSS进行网页布局时，我们一定离不开的一个东西————盒模型，一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分。而content则是HTML元素的内容。盒子模型对应的CSS属性为:width，height，padding，border，margin。盒样式–borderborder:

transition:; 过渡 需要事件触发 animation 动画 不需要事件触发,使用关键帧就可以执行 1: 定义动画 from{}起始位置 to{}终点位置 0%{}起始位置 ...

css元素类型分为： 块状元素，内联元素，内联块状元素块状元素1）在页面中以矩形区域显示2）自上而下排列，独占一行3）可以直接添加宽高，可做为其他元素或者内容的容器常用的块状元素有：div、p、h1…h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段集)、colgroup-col(表单列分组元素)、table-tr-td内联元素1）在页面中最小单位也是矩形2）在一行内排列，不独占3）不可以直接添加宽和高，大小是由内容撑开的。