文章分类 - Html_Css
摘要：第十一课-动画样式详解 一、什么是动画？ 动画是指由许多帧静止的画面，以一定的速度（如每秒16张）连续播放时，肉眼因视觉残象产生错觉，而误以为画面活动的作品。为了得到活动的画面，每个画面之间都会有细微的改变。（以上定义来自维基百科） （一）展示一个动态的圆形 过渡和动画: 在不使用flash或者Ja
阅读全文
摘要：第十课-高端选择器 一、选择器复习 ID选择器 #id 类名选择器 .class 标签选择器 tagname 通配符选择器 * 多元素选择器 .class,#id 后代选择器 .class #id 子元素选择器 .class>#id 毗邻选择器 .class+#id (同层级) 关联后选择器 .cl
阅读全文
摘要：第九课-表单与表格 一、表单的工作原理 二、Form表单 form表单是包裹表单的数据 <form id="" action="UPL" method="GET"> <input type="text"> </form> 1.action 一个处理这个form信息的程序所在的URL 规定向何处发送表
阅读全文
摘要：第八课-定位 一、定位是什么 你 在 电脑（参照物）前 位置+参照物 （一）默认元素普通流布局 普通流规则： 浏览器在默认情况下规定一个块元素在父元素内的排列规则： 1.从上往下排列 2.从左开始排列 3.一个块元素占一行 （二）固定定位position: fixed 位置+参照物 参照物：浏览器的
阅读全文
摘要：第七课-背景样式和圆角样式 一、什么是背景样式 二、背景单例型样式先 （一）背景单例型样式之背景颜色（background-color） （二）背景单例型样式之背景图片（background-image） （三）背景单例型样式之背景层级 （四）背景单例型样式之背景平铺（background-repe
阅读全文
摘要：第六课-浮动样式详解 一、浮动样式的由来 浮动 最开始的开始的时候 图文布局 和display有区别： 1,没有空格解析 2,行内是以基线对齐的,使用margin-top会是行内块全部下移; 3,浮动没有基线问题 4,不能控制方向 二、默认元素普通流布局 文档流? 就是页面的布局 在第一层 浮动
阅读全文
摘要：第五课-默认显示类型与显示类型转换 盒模型=元素 标准盒模型 content padding border margin 块级盒模型 行内盒模型 行内块盒模型 一、什么是显示样式 （一）常用显示样式 display:block； （二）常用显示样式 display:inline-block; （三）
阅读全文
摘要：第四课-CSS行内盒模型及文字样式详解 一、什么是行内盒模型 二、行内盒模型的概念分析 （一）行内盒模型内容区 （二）行内盒模型文本基线（ baseline ） （三）行内盒模型字体样式详解 1.使用用户操作系统自带的字体来显示网页内容 2.网页安全字体 3.使用程序员自定义的字体来显示网页内容 （
阅读全文
摘要：第三课-CSS盒模型概念及企业应用规则 一、什么是盒模型？ 盒模型（英语：box moldel），是W3C规定一个浏览器如何渲染、显示一个元素，根据元素的种类分为块级元素盒模型和行内元素盒模型 二、标准盒模型的概念分析 （一）width/height（content box 内容区） css样式：
阅读全文
摘要：第二课- CSS基本样式和元素选择器 一、什么是CSS？ CSS全称 （英语：Cascading Style Sheets，），中文翻译为“层叠样式”,是一种用来为HTML文档添加样式（字体、间距、位置、颜色、角度等显示效果）的计算机语言 HTML是内容的展示，CSS是内容的装饰。 二、CSS的引用
阅读全文
摘要：一、网页的基础 <html lang="en"> Document // 声明文档使用的字符编码 两种写法 // 优先使用 IE 最新版本和 Chrome 其他写法 // 页面描述 提高搜索 网页的排名 // 页面关键词 提高搜索 关键字 //属性 name="名称" keywords 关键字 se
阅读全文
