CSS2D&3D
摘要：2D特效 1. 平移 格式：transform: translateX(300px) translateY(400px); 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2D特效</title> <
阅读全文
CSS动画
摘要：动画 1. animation-name 定义动画名称 格式：animatio-name: move; 2. animation-duration 规定动画时长 格式：animation-duration: 3s; 3. animation-timing-function 规定动画如何完成一个周期
阅读全文
CSS过渡
摘要：过渡 格式：transition: property duration timing-function delay;（过渡简写属性） 1.transition-property属性 规定过渡属性，默认为all全部，可以指定过渡单个或多个属性 格式：transition-property: width
阅读全文
CSS文字、盒子阴影
摘要：阴影 文字阴影 text-shadow属性：适用于文本阴影 text-shadow属性的四个值个值：指定了水平阴影，垂直阴影，模糊度，以及阴影的颜色 文本可以加多种阴影 例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
CSS内外边距
摘要：内边距padding 设置元素所有内边距的宽度，或者单独设置各边上内边距的宽度 单独设置各边的内边距：padding-top、padding-left、patting-bottom、patting-right 如果在表的内容中控制文本到边框的内边距，使用td和th元素的填充属性 例： <!docty
阅读全文
CSS边框
摘要：边框 边框属性： 属性 属性名称 设置值 border-style 边框样式 none(默认值) solid(实线) double(双实线) groove(3D凹线) ridge(3D凸线) inset(3D嵌入线) outset(3D浮出线) border-top-style border-lef
阅读全文
display&float
摘要：display和float display属性 规定元素生成框的类型，格式：display：block； block 元素会被显示，且元素会变成块级元素，元素前后会有换行符 none 元素会被隐藏(visibility:hidden;也可以隐藏元素，但隐藏后元素的占位不会消失) inli
阅读全文
CSS背景样式
摘要：背景样式 设置背景颜色 格式：background-color:颜色值、 颜色值可以用颜色名称、十六进制码、RGB码，background-color不仅用于设置网页颜色背景，表格和单元格背景都可以设置 <style> p{background-color: red;} </style> 设置背景图
阅读全文
CSS文本样式
摘要：文本样式 字形属性 常用属性： 属性 属性名称 设置值 color 字体颜色 颜色名称(英文)、十六进制、RGB码 font-family 字体样式 字形名称(楷体，宋体) font-size 字体大小(字号) 数值+百分比(%)、数值+单位(pt,px,em,ex···) font-style 字
阅读全文
CSS选择器
摘要：CSS基本选择器 1. 通用选择器 选择整个页面的所有元素 格式：*{ 属性名：属性值; } 例： <!DOCTYPE html> <html lang="en" xmlns:src> <head> <meta charset="UTF-8"> <title>家宝</title> <styl
阅读全文
CSS的使用
摘要：CSS的使用 1. 行内样式 将样式定义在html标签上的style属性中 缺点：以行内样式写的CSS耦合度较高(多处重复代码) <!DOCTYPE html> <html lang="en" xmlns:src> <head> <meta charset="UTF-8"> <title>家宝</t
阅读全文
浏览器私有前缀
摘要：浏览器私有前缀 Gecko内核 前缀-moz- 火狐浏览器 Webkit内核 前缀-webkit- 也叫谷歌内核，chrome浏览器最先开发使用，safari浏览器也是用，该内核国内很多浏览器也使用了webkit内核，如360极速、世界之窗、猎豹等 Trident内核 前缀-ms- 也称IE内核 P
阅读全文
