z1360408752的博客

目录5-1 圆角边框与阴影CSS3新特性浏览器支持度圆角边框 border-radius属性四个子属性实例在sublime中的快速输入阴影 box-shadow属性五个参数模糊距离实例在sublime中的快速输入5-2 文字与文本文本阴影 text-shadow属性长文本换行 word-wrap属性网络字体 @font-face规则5-3 2D变换5-4 过渡与动画5-5 3D变换5-1 圆角边框与阴影CSS3新特性文本阴影鼠标悬停动态效果文字分栏盒子的圆角边框、阴影、倾斜浏览器支持度

目录4-1 布局与定位概述4-2 盒子模型（I）盒子模型的概念和组成overflow属性border属性4-3 盒子模型（II）4-4 CSS定位机制概述4-5 文档流定位4-6 浮动定位4-7 层定位4-1 布局与定位概述页面中每一个部分的大小以及位置成为页面的布局和定位。布局和定位的主要内容4-2 盒子模型（I）盒子模型： 页面上 区域、图片、导航、列表、段落，都可以是盒子。盒子模型的概念和组成盒子模型的每个属性都有四个子属性，分别添加横杠进行设置。一个盒子的实际宽度、高度：c

目录3-1 CSS概述CSS语法3-2 CSS添加方法行内添加内嵌样式单独文件CSS添加方法——优先级3 -3 CSS选择器标签选择器类别选择器ID选择器选择器的嵌套声明集体声明全局声明多个选择器的混合使用3-4 CSS样式(I) 文字样式单位颜色文本字符间距行高水平对齐方式装饰线字体font简化font3-5 CSS样式(II) 背景、超链接样式背景超链接3-6 CSS样式(III) 列表 表格样式列表list-style标号类型list-style-image标号位置list-style-positio

目录HTML基础概述HTML文件结构文件结构字符编码源文件保存格式与声明编码方式不一致造成的乱码问题HTML标签标题h1~h6段落内容段内换行空格字符` `预留格式行内组合span水平线hr注释实例超链接aimg图像标签图像格式插入图像img标签绝对路径和相对路径区域（div）、列表（ul ol li）、表格（table、tr、td）区域HTML基础概述超文本标记语言（通过超链接的形式，将文本有机组合一起就是超文本。每一个元素用标记标记出来，这些标记称为标签），它是制作网页的标准语言标签

概述前段开发概述web系统 以网站形式存在（网页集合）前端 网页形式存在，用户接触到的开发 编写网页源文件，让浏览器可以解读网站和网页主页一般为index文件**网页元素：**站标（logo）、导航栏、文字链接、广告横幅、表单…服务器：网站（文件夹）、网页（文件）**浏览器：**解析网页源代码，渲染网页，开发人员常用Chrome静态网页后缀为html或者htm，动态网页后缀为asp，jsp，phpWeb前端开发技术前端技术组成结构：HTML（从语义的角度，描述页面结构）样式：CS