2301_76862031的博客

css中过渡,变换,动画。案例:鼠标悬浮放大，鼠标悬浮逐渐放大，通过scale放大图片，移动到指定位置，图片倾斜45，图片旋转45，动画案例:制作做一个闪烁放大效果的动画

HTML+CSS表单控件（11个案例+代码+效果图）

案例:编写一个简单的网页；制作一个带边框的表格，制作一个带边距的表格，制作一个指定宽高的表格，表格内容居中，为table添加背景色，设置行高，使表格内容垂直居中table属性,border,cellspacing,cellpadding,width,height,align,bgcolor,

无序列表，有序列表，定义列表dl,list-style-type属性，list-style-image属性，list-style-postion，,锚点连接，为列表添加图片，跳转指定球

案例+代码,为图片添加蓝色的滤镜,为组件设置统一的透明度，设置一张图片为圆角，设置图片的边框为圆，为盒子添加阴影，渐变，径向渐变，重复渐变，径向渐变，background-size,background-origin,background-clip,display,repeating-linear-gradient,linear-gradient,radial-gradient,repeating-linear-gradient,linear-gradient

CSS盒子模型(23个案例+代码+效果图)1.边框样式，2.边框宽度。3，边框颜色。4.内边距，5外边距，6.背景色。7，背景图设置，8图像平铺，9设置背景图像位置，10设置背景凸显的固定，11盒子的宽和高

css中的选择器案例：使前缀为my的class的样式变为圆形;案例：使后缀为my的class的样式变为圆形；案例：使包含my的class的样式变为圆形；案例：使div下的p标签的字体颜色变为红色；案例：使div下的后面的兄弟变为圆形；案例：使用指定选择器后面的兄弟元素变为圆形；案例：选择器不是myClassStyle的标签变为圆形；案例：使only-child把类选择器为noChild并且没有兄弟元素为noChild的类变为圆形；案例：奇数div为方形，偶数div为圆形；等18个案例

CSS文本外观属性,处理文本外观的方法,案例：定义不同的字体颜色;案例：使用letter-spacing设置字体间的距离;设置单词之间的间距;案例：通过line-height设置行间距;案例：使用text-transform对字母进行转换;案例：使用text-decoration对文本进行装饰;案例：使用text-align对文本位置进行控制;案例:使用text-indent:控制首行缩进;案例：使用white-space处理文字;案例：为文字添加阴影效果;案例：文本溢出处理;案例:换行处理

（有案例，代码实现，代码均可以复现）font-size设置字体大小，font-family设置字体的展现形式，font-weight设置字体的粗细,font-style设置字体风格，@font-face自定义字体

css样式规则，引入css样式的四种方式，css的基础选择器,写一个圆，一个正方形，一个三角形

html中常用的标签h,p,hn,hr,br,font,time,mark,cite,特殊字符标签，图像标签