Summer_shining的博客

－网页的组成 一个有具体功能的网页一般由三部分组成： （1）HTML：网页的具体内容和结构 （2）CSS：网页的样式（美化网页最重要的一块） （3）JavaScript：网页的交互效果，比如用户鼠标事件做出响应 －什么是HTML HTML的全称是HyperText Markup Language 超文本标记语言。其实它就是文本，由浏览器负责将它解析成具体的网页内容 HTML的

－什么是CSS    CSS的全称是Cascading Style Sheets 层叠样式表    它用来控制HTML标签的样式，在美化网页中起到非常重要的作用 －CSS的编写格式是键值对形式的比如：    color：red background－color：blue font－size：20px 冒号：左边是属性名，冒号：右边是属性值 －CSS的3种书写形式

1.结构性标签 负责web上下文结构的定义，确保HTML文档，包括： article：文章主体内容（一篇博客，一篇论坛帖子，一段用户评论，插件） header：标记头部区域内容 footer：标记脚部区域内容 section：区域章节表述 nav：菜单导航，链接导航 2.块级标签 完成web网页区域的划分，确保内容的有效分割，包括： aside：注记，贴士，侧栏，摘要，插入的

－CSS的两大重点： 1.属性：通过属性的复杂叠加才能做出漂亮的网页 2.选择器： 通过选择器找到对应的标签设置样式  选择器的作用：选择对应的标签，为之添加样式  a.标签选择器：根据标签名找到标签 CSS选择器 /* 标签选择器*/ div{ color: red; }

HTML的标签类型主要分为三大类： 1.块级标签：特点：独占一行，能随时设置宽度和高度   示例： div标签 段落标签 2.行内标签：特点：多个行内标签能同时显示在一行，不能直接设置宽度和高度，宽度和高度取决于内容的尺寸    示例： 我是行内标签 我是超链接 3:行内－块级标签（内联－块级标签）：特点：多个行内－块级标签能够显示在一行，并且能

－CSS属性(红色表示常用) 可继承属性：父标签的属性值会传递给子标签，一般都是文字控制属性 a.所有标签可继承（） visibility、cursor b.内联标签可继承 letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-var

网页上每一个标签都是一个盒子 每个盒子有四个属性： 1.内容（content）－－网页中通常指文字和图片 2.填充（padding，内边距）盒子与内容之间的空隙，形象点说就像盒子内的填充物泡沫或                                                 者其他抗震的材料.内边距会增加盒子的大小 3.边框（border）：盒子本身 4.边界（ma

－box-sizing:属性允许以特定的方式定义匹配某个区域的特定元素。 －设置图片居中：vertical-align － 将图片放置input中，实现如下样式：