冰糖的博客

3d转换在2d转换中增加了一个z轴，垂直于屏幕，向外为正，向内为负。

与动画相比，过渡，需要触发，而且效果相对比较单调，动画可以实现更细粒度的控制和更丰富的效果。定义动画：采用如下语法定义一个名为 move_right 的动画0% {100% {0% 也可以写作 from100%也可写作 to。

/ 从3维原点到指定3维坐标点（x,y,z）连接的线旋转 180度。如果盒子尺寸一旦变化，margin的值也要跟着改动，如果使用平移 50% 实现，就无需改动。除了给定像素值，还可以指定方位：top，bottom，left，right，center。# 统一设置设置x，y轴方向尺寸为同一个值。所谓2D转换，就是在二维坐标系内进行各种操作，包括平移，转动，缩放等等；

前端开发中主要seo标签 title， description， keywords。体现网页的主题，非常重要，是搜索引擎了解网页的入口。简短介绍网站主要内容：主营业务，资质，优势等。排名的方式，进而提高网站的自然流量。搜索时命中的关键字，多个关键字使用。，是一种利用搜索引擎规则。网站在搜索引擎结果中。

favicon 为网站页签图标和地址前的图标，大小 一般为 16×16 或 32 × 32，通常放置在 应用根目录。在多个页面都要使用到的 样式可封装到 common.css 中；如常见 头部 和 底部样式。基础样式多用于 浏览器样式初始化 ，版心设置，浏览器背景色，清除浮动，字体，文字颜色等。

li 元素浮动 导致 box 盒子高度为0 ，进而影响了 footer 盒子，飘到 li 列表里面去了。

transition: 需要过渡的CSS属性 过渡时间 速率 开始时间。

之前的选择器 按简单类型分为 id, class, 标签，而C3 提供了一些新的选择器，拥有更强大的能力。在html中，盒子默认是内容盒模型；这种模型下：盒子实际占用尺寸 = 宽高 + padding + 边框；位置新增元素，由于新增的元素，在html结构无法查看，故称伪元素。calc （参数）;因此C3推出了另一种盒子模型，这种模型是以盒子。，padding 和 边框 不再撑大盒子尺寸。outer2 内部的一个伪元素，默认不显示。伪元素，就是在现有的html 元素。通常用于选择父元素下子元素的场景。

这些标签其实也算是 input 的语义化标签，，因此这个标签要用到校验功能，

不同浏览器 对标签的默认值可能不一致，因此，在实际开发中，需要对默认样式进行统一设置。float （浮动）效果原本就是为了实现文字环绕图片而创建的规范；只是正好可以用来布局。此时可以根据相应的排列方向，使用 合适的 margin 负值实现。的盒子，如果此时都有边框的话，就会出现，边框变粗的情况，

vertical-align : top | middle| bottom | baseline(默认) | sub | supertop : 文字[行内]顶部对齐图片顶部bottom ：文字[行内]底部对齐图片底部middle：文字[行内]中线对齐图片中线baseline：文字[行内]**基线（拼音线的中间那一条）**对齐图片底部sub：文字[行内]下表对齐图片底部super：文字[行内]上标对齐图片顶部。

交汇点的移动是相对 几条边框而言的；既可以把理解为左上角移动也可以是右下移动或者 右上角和左下角。拿到要实现的效果手动将三角标的另一半补齐，形成一个长方形选择一个交汇点，三角形的任何一个非直角点都可以以此得到 交汇点移动方向（左上/右下，左下/右上等）由移动方向得出，哪两条边有宽度最终得出，两边框的宽度以及哪条边透明。

关注的元素的展示方式，隐藏只是其中一种形式，而且隐藏后。，**默认为溢出显示 visible **设置的溢出盒子的那一部分内容是否显示，仅仅用于设置元素是否可见，而且隐藏后。三者都能控制元素的 显示与 隐藏。

标准流中的元素在 页面默认的 维度，块级元素独占一行；行内元素共享一行，且不能设置宽高；行内块共享一行，可以设置宽高。以上两种布局方式只能实现大范围内的布局，很难处理一些小范围内的精准布局，的方式实现布局效果，也就是通常所说的 DIV + CSS 布局。使用 float 将盒子浮动起来，使块级元素呈现出。

的思路，与第一种相比，把 calc 的处理拆分到 top 和 margin-top 上了。== 父元素开启相对定位（不影响父元素现有布局），子元素绝对定位可以自由定位。若一个元素要开启绝对定位，其上级（父、组均可）元素要开启定位或者。以对应的参考物，在上下左右方向上 进行移动，偏移值可以使用。绝对定位和固定定位产生的浮动效果，与 float 类似。如字面意思，定位的作用就是将元素，移动到指定的地方.属性指定层叠关系，值越大，越靠上；而重叠在一起时，使用。

布局的一般原则是，从大到小，也就是先确认整体布局，再对局部布局进行调整。使用 li + a 的方式实现，而。

蓝湖，像素大厨等。

li 元素浮动 导致 box 盒子高度为0 ，进而影响了 footer 盒子，飘到 li 列表里面去了。

css优先级指的是 相同css属性值作用在一个标签上时，谁生效的问题。10px 阴影与文字距离，距离越大越模糊 （默认 0 ，无模糊）按选择器类型的权重计算，值越大，权重越大，优先级越高。样式冲突：作用在一个标签上，相同的属性的不同属性值。10px（阴影大小） 默认 0 ：阴影和盒子一样大。10px（阴影模糊程度） 默认 0 ：无模糊效果。inset（内阴影，默认不填为外阴影）;10px 阴影相对文字x轴位移 （必须）10px 阴影相对文字y轴位移 （必须）10px(相对Y轴的位移) （必填）

盒子边框 角默认是 直角，可通过css设置为圆角。默认布局方式，边框会撑大盒子大小；定义盒子边框和盒子内元素的距离，定义盒子边框和外部元素的距离。解决：建议外边距只设一个方向。根据实际情况，进行选择。给盒子设置 内容居中属性。有两种方式定义圆角位置。

top/bottom 为垂直方向，left/right 为水平方向，center 都可以表示。设置透明度使用 rgba(r, g, b, [0, 1]);不同浏览器默认字号可能不一样，建议手动设置通用基础字体大小，需要调整的地方再进行单独设置。700 = bold （数字越大，字体越粗）浏览器从前到后匹配，找到可用字体结束，都没匹配上，== 最常用于去掉 a 标签默认的下划线 ==行间距 = 上边距 + 文本高度 + 下边距。字体粗细可以用属性值和数字表示。设置盒子内，内容对齐方式，常用于段落首行缩进，

margin padding 使用marginpaddingmargin属性为 上右下左，时钟顺时针方向。用于定义元素外部间距注意margin-top 可能存在向上传递的问题，可以在被影响的元素上使用border-top: 1px solid transparent;/*或者*/overflow: hidden 消除影响。margin: automargin: auto // 作用于横向居中，纵向不生效margin 值为负数时，元素间距变小margin bottom和m