目录
一、web标准的构成?
. 1、 结构:结构用于对网页元素进行整理和分类,现阶段主要学的是HTML。
2、表现:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
3、行为:行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript。
二、什么是HTML?
(1)、HTML是用来描述网页的一种语言。
(2)、HTML指的是超文本标记语言。
(3)、HTML不是一种编程语言,而是一种标记语言。
(4)、标记语言是一套标记标签。
(5)、HTML使用标记标签来描述网页。
三、HTML标签的三种类型?
1、行内元素;2、行内块元素;3、块级元素。
1、块元素 |
常见块元素:
div,p,ul,ol,li,dl,dt,dd,table,tr,td,form,h1,h2,h3,h4,h5,h6,fieldset
块状元素特点:
a)块元素以块的形式显示为一个矩形区域,默认不设置宽度时,继承父元素的宽度
b)块元素默认情况下,独占一行,自上而下排列
c)块元素可以定义自己的宽度和高度,以及盒模型中的任意属性(margin,padding,border)
d)块元素可以作为一个容器容纳其他的块元素和内联元素
2、行内元素 |
常见的
行内元素:
a,span,strong,b,em,i,label,img,input,textarea,select
行内元素特点:
a)内联元素也显示为一个矩形区域,但是宽高由内容来决定
b)内联元素默认情况下在一行逐个进行显示
c)内联元素不能定义自己的宽度和高度,可以定义与宽度相关的属性(左右margin,左右padding等),不可以定义与高度相关的一下属性(上下margin,上下padding,line-height等)
d)内联元素只能嵌套内联元素,不能嵌套块元素
3、行内块元素的特点 |
a)即具有内联元素特点:在一行逐个进行显示
b)又具有块元素的特点:可以定义宽高以及盒模型中的任意属性
四、元素类型转换
语法:display:block|inline-block|inline|none|list-item;
1.display:block;
将元素转换块元素,是大部分块元素的默认display属性值。
2、display:inline-block;
将元素转换为内联块元素,是img,input这类型元素的默认display属性值
3、display:inline;
将元素转换为内联元素,是a,span等内联元素的默认display属性值
五、什么是CSS?
css全称Cascading Style Sheets,中文意思为“层叠样式表”,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。
六、CSS的作用?
CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
七、CSS的有哪几种类型?
1、行内样式(内嵌样式):
结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
例
<div style="width:300px; height:200px; border: 1px solid red;"></div> |
2、内部样式(内联样式):
写在HTML页面内部,存放于head标记当中,样式写在style标记内。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
border: 5px solid red;
background-color: green;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
3、外部样式(外联样式):写在css文件内。
通过<link>标签将其引入HTML页面。
<link rel="stylesheet" href="./main.css"> |