lb569484787的博客

一.CSS3概述1.什么是CSSCascading style sheets 层叠样式表、级联样式表.简称样式表2.CSS的作用设置HTML网页中元素的样式3.HTML与CSS的关系HTML：负责网页的搭建，内容展示-----一个页面骨架CSS：负责网页的修饰，样式的构建-----给网页化妆4.HTML属性与CSS的使用原则W3C建议我们尽量使用css的方式来取代HTML属性C...

一、CSS3简介CSS3完全向后兼容。CSS3 模块CSS3 被划分为模块。其中最重要的 CSS3 模块包括：●选择器●框模型●背景和边框●文本效果●2D/3D 转换●动画●多列布局●用户界面二、CSS3边框通过 CSS3，能创建圆角边框，向矩形添加阴影，使用图片来绘制边框 。复习以下属性：●border-radius●box-shadow●border-ima...

一、CSS 水平对齐在 CSS 中，可以使用多种属性来水平对齐元素。文本对齐，见CSS复习（上）样式——文本text-align这里是出于布局目的如何水平对齐块级元素。块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。<h1><p><div>……1.使用 margin 属性来水平对齐可通过将左和右外边距设置为 “auto”，来对齐块元素。...

一、CSS 框模型CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。提示：背景应用于由内容和内边距、边框组成的区域。1.内边距 padding元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。CSS padding 属性定义元素边框与元素内容之间的空白区域。padding 属性接受长度值或百分比值，但...

一、CSS简介1.CSS概述●CSS 指层叠样式表 (Cascading Style Sheets)●样式定义如何显示 HTML 元素●样式通常存储在样式表中●把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题●外部样式表可以极大提高工作效率●外部样式表通常存储在 CSS 文件中●多个样式定义可层叠为一2.多重样式将层叠为一个样式表允许以多种方式规定样式信息。样...

（待整理）一.过渡1.属性1.transition-property2.transition-duration3.指定过渡时间曲线函数transition-timing-function:取值 1.ease 默认值，慢速开始，速度加快，慢速结束2.linear 匀速3.ease-in 慢–快4.ease-out 快–慢5.ease-in-out 慢速开始，慢速结束，中间先加速...

一.定位1.定位的属性position:取值static:默认值，静态---->默认文档流relative 相对定位absolute 绝对定位fixed 固定定位元素的position设置为relative/absolute/fixed中任意一个值该元素被称为已定位元素2.偏移属性top/bottom/right/leftleft:100px 往右移100pxtop...

一.复杂选择器1.伪类选择器1.1内容生成内容，既可以是文本，也可以是元素（1）:before或者**::before**匹配元素内容区域之前（2）:after或者**::after**匹配元素内容区域之后（3）内容属性向匹配的位置处添加内容取值：1° 字符串2° 图片 url(路径)（4）高度坍塌#parent:after{content:"";display:b...

一.表格1.表格的常用属性（1）边距属性 padding（td的margin无效）（2）边框属性 border（3）尺寸属性 width height（4）文本格式 font-* text-* line-height（5）背景属性 颜色，图片 渐变（6）指定单元格数据的垂直对齐方式vertical-align:top/middle/bottom练习01_ex 创建一个44的表...

一.背景1.背景颜色background-color:取值：合法的颜色值和transparent背景颜色和背景图片，填充都是从边框开始2.背景图片background-image:url(图片路径);3.背景图平铺background-repeat:取值：repeat 默认值，平铺no-repeat 不平铺repeat-x 在水平方向平铺repeat-y 在垂直方式平...

一.尺寸和属性1.尺寸属性2.溢出处理当内容多，元素区域小的时候，就会产生溢出效果默认都是纵向溢出的属性 overflow / overflow-x / overflow-y取值：（1）visible 默认值，溢出可见（2）hidden 溢出部分隐藏（3）scroll 显示滚动条，不管是否溢出都显示滚动条只有在溢出时，滚动条可用（4）auto 自动，溢出方向有滚动条，没溢出的...