个人总结 HTML+CSS


从大一下学期接触,一直到今年,接触的时间也挺长的了最近一些认识的盆友和同学说是想学习前端,自己也开始慢慢停下脚步,不再拼命地去学很多框架的东西,回归到基础,慢慢把基础打牢

很多知识碎片一直来不及整理,本篇博客也没有说很多,哪个标签怎么使用啊,css样式的属性,属性值那些也没有提

第一次写博客,写的很零散,没有很强的条理性

html+css

html+css的发展,追溯到上古时代浏览器大战,一直到现在html5的盛行,html+css它俩从哪儿来,怎么来的,谁推出的,什么出现的,能用来干嘛,怎么使用,五个W+一个H学习方式;

html+css+javascript是,我们一般称为结构,样式,行为,在我们进行页面的排版的时候,通常会思考结构与样式的分离,这样我们对整个页面的结构,以及排版都会有一个清晰地概念,不会在维护和修改的时候,不知道从哪儿下手去修改

代码注释浏览器不会解析,通常会跳过,注释不仅仅给自己看,有时候下一位童鞋接手项目的时候,还有我们回头看自己写的代码的时候,

DOCTYPE html>

当我们新建一个html页面的时候,doctype已经声明了这是一个html文档,告诉浏览器我们的文档是啥,同时,文档这两个字,引出了整个页面的许多概念,比如说脱离文档流是啥,脱离了文档流又会怎么样

html--------结构

这是一个最基本的页面结构,html页面解析时,是从上至下开始解析,一个一个节点去渲染,绘制,展示

而页面的主要内容,通常会放在body标签中,html元素标签,都是语义化,body翻译过来我们便知道它在html中的作用了

DOCTYPE html>
<html>
<head>
    <title>title>
head>
<body>

body>
html>

  html的标签元素,用于展示整个页面的内容,包括文字,图片,视频等等,个人觉得html更像是一个容器,可以承载很多东西,每一个标签,则是承载每一个部分的内容,想要给用户或者网站的访问者展示和表达的细节,比如说title则是告诉用户页面的标题

<title>页面标题title>

标签元素的分类中,有闭合标签和空标签,而他们的区别也有很多,闭合标签假如没有闭合的话,浏览器会正常解析,但是会出问题,啥问题大家可以去写个小demo看一下

  闭合标签

<div>我是一个divdiv>

  空标签

<img src=""    /><br />

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。

常用的块状元素有:

...