<h1><center>课后总结</center></h1>
<h4>1.html和css的概述</h4> html:超文本标记语言,用于定义文档的内容结构。
css:用于定义html文档的样式。相当于将html描述的内容进行排版优化。 <h4>2.html</h4> html注释: 用于标注描述代码的功能,方便开发人员查询bug,修改html的内容。
注:标注的内容会被浏览器忽视,仅供开发人员观看。 html元素: html文档由许多个html元素组成;html元素由标签名、属性和元素内容组成。
空元素是没有元素内容和闭合标签的元素。元素的层次结构:一个元素的内容可以包含其他元素,可以形成嵌套层次结构。但是两个元素不能相互嵌套。元素的嵌套会产生树状的层次结构。
!DOCTYPE html<!--不是元素也不是注释,通常出现在文档的第一行,通知浏览器,目前文档正使用哪一个html版本
。--> html<!--又叫做根标记,根元素。是其他元素的祖先元素,都必须放在他的元素内容中。属性决定文档中的文字自然语言。--> head<!--文档头,是html元素的第一个子元素。
用于描述元素的附加信息,不会出现在页面上。其通常包含title(标识文档的题目)、meta(标识文档的其他元数据)、style、link、script等元素--></head> body<!--又叫文档体,文档中所有的可见元素都放置在钙元素内。
定义文档的内容结构。--> <h4>3.创建一个网页</h4> 1.准备开发环境-安装文本编辑器、安装浏览器。 2.编写html代码并运行。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titlre>我的第一个网页。
</title> </head> <body> <p>你好!java。</p> </body> </html> <h4>4.css</h4> css注释 /* 注释内容 */,用于描述代码的功能。浏览器解析时会被忽略。
css规则:css代码又一个个规则组成,每个规则 制定了对应元素的样式。包括选择器(元素、类、ID)和声明块。
css引用 使用外部样式表:html文档中,在head元素中使用link元素引用css文件。 使用内部样式表:html文档中,将css文件写到style元素中。
使用行内样式表:html文档中,将css文件写到元素的style属性中。
<h4>5.组织项目结构</h4> 项目文件结构![Alt text](./1543409929421.png)1 css重置技术:浏览器会给html元素设置默认样式,不同的浏览器默认样式不同。为了使页面跨浏览器获得兼容。meyerweb.com/eric/tools/css/reset