华清远见重庆中心—HTML + CSS基础阶段技术总结

最新推荐文章于 2023-12-02 03:04:11 发布

CJZ926

最新推荐文章于 2023-12-02 03:04:11 发布

阅读量141

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/m0_70747194/article/details/127935591

版权

一、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">

CJZ926

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
华清远见重庆中心—HTML + CSS基础阶段技术总结

（1）、HTML是用来描述网页的一种语言。（2）、HTML指的是超文本标记语言。（3）、HTML不是一种编程语言，而是一种标记语言。（4）、标记语言是一套标记标签。（5）、HTML使用标记标签来描述网页。css全称Cascading Style Sheets，中文意思为“层叠样式表”，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。
复制链接

扫一扫