HTMLCSSJavaScript基础知识.pptx

HTML CSS JavaScript基础知识 HTML概念 HTML HyperTextMarkupLanguage超文本标识语言 是一种用来制作超文本文档的简单标记语言 用HTML编写的超文本文档称为HTML文档 HTML文件结构 元素 是HTML语言的基本部分 元素总是成对出现 每一对元素一般都有一个开始的标记 如 也有一个结束的标记 如 元素的标记要用一对尖括号括起来 并且结束的标记总是在开始的标记前加一个斜杠 基本组成部分 HTML元素属性 HTML元素可以有自己的相关属性 每一个属性还可以由我们网页编制者赋一定的值 元素属性出现在元素的内 并且和元素名之间有一个空格分隔 属性值用 引起来 例如 红色部分 thisistitleThisismyfirsthomepage 例子 html 01 html 认识CSS CSS是英文单词CascadingStyleSheets缩写 翻译为 样式表 我们又称 CSS样式表 通俗讲CSS是控制网页中内容的颜色 字体 文字大小 宽度 边框 背景 浮动等样式来实现各式各样 花样百出的网页样式的统称 CSS选择器 CSS选择器又被称为CSS样式属性 CSS样式选择器 通俗的讲就是把HTML跟CSS样式关联起来的桥梁 CSS选择器共有三种 1 标签选择器2 ID选择器3 类选择器 标签选择器 标签选择器 一个完整的HTML页面是有很多不同的标签组成 而标签选择器 则是决定哪些标签采用相应的CSS样式 比如对p标签样式的声明如下 p font size 12px background 900 color 090 则页面中所有p标签的背景都是 900 红色 文字大小均是12px 颜色为 090 绿色 这在后期维护中 如果想改变整个网站中p标签背景的颜色 只需要修改background属性就可以了 就这么容易 例子 css 01 html ID选择器 ID选择器在某一个HTML页面中只能使用一次 就像在你所处的环境中 你只有一个ID 身份证 不可能重复 相信大家也能看出来 ID选择器更具有针对性 如 先给某个HTML页面中的某个p标签起个ID 代码如下 thisisptag在CSS中定义ID为one的p标签的属性 就需要用到 代码如下 one font size 12px background 900 color 090 例子 css 02 html 类选择器 这种选择器更容易理解了 就是使页面中的某些标签 可以是不同的标签 具有相同的样式 如 Thisisptag 如果我还想让div标签也有相同的样式 怎么办呢 加上同样的class就可以了 如 thisisdivtag这样页面中凡是加上class one 的标签 样式都是一样的喽 CSS定义的时候和ID选择器差不多 只不过把 换成 如下 one font size 12px background 900 color 090 例子 css 02 html HTML CSS Ja