周瑞兵_20210111 周瑞兵

一、学习总结

1. HTML
1.1什么是HTML

HTML(Hypertext Markup Language),即“超文本链接标示语言”。HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 所谓的超文本即它(html)超越了文本的界限,不仅仅只有文字与字符,还包括图片,视频,音频等元素,标记语言即它包括了一系列的标签。

1.2 标签
成对出现的标签    <title></title>
自结束/自封闭标签  <meta />  <hr />    
1.3 元素之间的关系 dom树
<html>
    <head>
        <meta charset="utf-8" />
        <title>标题</title>
    </head>
    ...
</html>  
title 元素是 head元素的 直接子元素
head 元素是 title 元素的 直接父元素

title 和 meta元素有共同的直接父元素,
title 和 meta 就是兄弟关系(同级元素)

head 是 html 元素的直接子元素
那么 title以及 meta 和 html 的关系是什么?
后代元素, 只要是 当前元素内的标签都是它的 后代元素
1.4 根据元素的特点分类
内联(行)元素: 内联(行)元素   块元素  
    span  a  input strong em button img  u i s b
    默认情况下,不能独立占父元素一行空间的元素
块元素:     
    p div ul ol dl hn form table hr
    默认情况下,能够独立占父元素一行空间的元素
2. CSS
2.1 CSS的定义
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表语言,
用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。
CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
2.2 CSS的语法
2.2.1 属性和值

属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明;如p {font-family: "sans serif";}

2.2.2 选择器
标签选择器

CSS中的一种选择器是标签的名称。使用这种选择器(称为标签选择器),可以向这种元素类型的每个实例上应用声明。

class选择器

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。从本质上讲,可以使用CLASS属性来分类元素,在样式表中创建规则来引用CLASS属性的值,然后浏览器自动将这些属性应用到该组元素。

ID选择器

ID属性的操作类似于CLASS属性,但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的。这使得ID属性可用于设置单个元素的样式规则。包含ID属性的选择器称为ID选择器。

###### 2.2 网页三要素:

HTML标签决定页面上元素的基本结构
CSS 用于设置HTML元素的样式,起到修饰一个HTML页的作用,相当于给一个人化了妆
JavaScript 用于控制页面上的行为

二、心得体会

学习中要多多与他人进行交流

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1