jiabao123 - 博客园

CSS动画

摘要：动画 1. animation-name 定义动画名称格式：animatio-name: move; 2. animation-duration 规定动画时长格式：animation-duration: 3s; 3. animation-timing-function 规定动画如何完成一个周期阅读全文

posted @ 2022-05-10 09:36 jiabao123 阅读(97) 评论(0) 推荐(0)

CSS2D&3D

摘要： 2D特效 1. 平移格式：transform: translateX(300px) translateY(400px); 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2D特效</title> < 阅读全文

posted @ 2022-05-10 09:36 jiabao123 阅读(56) 评论(0) 推荐(0)

CSS过渡

摘要：过渡格式：transition: property duration timing-function delay;（过渡简写属性） 1.transition-property属性规定过渡属性，默认为all全部，可以指定过渡单个或多个属性格式：transition-property: width 阅读全文

posted @ 2022-05-10 09:35 jiabao123 阅读(66) 评论(0) 推荐(0)

CSS文字、盒子阴影

摘要：阴影文字阴影 text-shadow属性：适用于文本阴影 text-shadow属性的四个值个值：指定了水平阴影，垂直阴影，模糊度，以及阴影的颜色文本可以加多种阴影例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文

posted @ 2022-05-10 09:34 jiabao123 阅读(61) 评论(0) 推荐(0)

CSS内外边距

摘要：内边距padding 设置元素所有内边距的宽度，或者单独设置各边上内边距的宽度单独设置各边的内边距：padding-top、padding-left、patting-bottom、patting-right 如果在表的内容中控制文本到边框的内边距，使用td和th元素的填充属性例： <!docty 阅读全文

posted @ 2022-05-10 09:33 jiabao123 阅读(165) 评论(0) 推荐(0)

CSS边框

摘要：边框边框属性：属性属性名称设置值 border-style 边框样式 none(默认值) solid(实线) double(双实线) groove(3D凹线) ridge(3D凸线) inset(3D嵌入线) outset(3D浮出线) border-top-style border-lef 阅读全文

posted @ 2022-05-10 09:31 jiabao123 阅读(154) 评论(0) 推荐(0)

display&float

摘要： display和float display属性规定元素生成框的类型，格式：display：block； block 元素会被显示，且元素会变成块级元素，元素前后会有换行符 none 元素会被隐藏(visibility:hidden;也可以隐藏元素，但隐藏后元素的占位不会消失) inli 阅读全文

posted @ 2022-05-10 09:30 jiabao123 阅读(79) 评论(0) 推荐(0)

CSS背景样式

摘要：背景样式设置背景颜色格式：background-color:颜色值、颜色值可以用颜色名称、十六进制码、RGB码，background-color不仅用于设置网页颜色背景，表格和单元格背景都可以设置 <style> p{background-color: red;} </style> 设置背景图阅读全文

posted @ 2022-05-10 09:29 jiabao123 阅读(252) 评论(0) 推荐(0)

CSS文本样式

摘要：文本样式字形属性常用属性：属性属性名称设置值 color 字体颜色颜色名称(英文)、十六进制、RGB码 font-family 字体样式字形名称(楷体，宋体) font-size 字体大小(字号) 数值+百分比(%)、数值+单位(pt,px,em,ex···) font-style 字阅读全文

posted @ 2022-05-10 09:28 jiabao123 阅读(179) 评论(0) 推荐(0)

CSS选择器

摘要： CSS基本选择器 1. 通用选择器选择整个页面的所有元素格式：*{ 属性名：属性值; } 例： <!DOCTYPE html> <html lang="en" xmlns:src> <head> <meta charset="UTF-8"> <title>家宝</title> <styl 阅读全文

posted @ 2022-05-10 09:26 jiabao123 阅读(48) 评论(0) 推荐(0)

2022年5月10日