html css基础笔记,HTML5 和 CSS 基础知识一（笔记）

一、HTML5 部分

1、入手

2、html5 语法

3、结构

4、文本格式

5、图像与画布

6、列表

7、表格

8、链接

9、表单

10、音频与视频

11、HTML5其他功能

12、HTML5综合

二、CSS 部分

1、初识 CSS

2、CSS 基础语法

3、CSS 基础选择器

4、CSS 高级选择

5、颜色

6、文本修饰

7、边框效果

8、背景修饰

9、盒子模型

10、浮动和分栏

11、定位

12、过渡效果

13、响应式布局

14、动画

15、前端程序与CSS

16、HTML5 和 CSS 综合

三、需要精通HTML和CSS的岗位

需要精通 HTML

网站开发前端开发工程师

网站开发工程师

网页设计师

需要精通 CSS

前端开发工程师

网页设计师

四、网络基础知识

该知识点包含内容

1、互联网

2、ISP与机房类型

3、万维网

4、URL

5、Tim Berners Lee

6、W3C

URL

英文全称：Uniform Resource Locator

统一资源定位符

包含了定位Webu资源的足够信息

如 http:// www.baidu.com/index.html

万维网是依靠互联网而生的一种服务，它的典型特征是通过流利器打开网页

HTML等标准是由W3C负责维护的

URL就是可以指向特定万维网资源的网址

web 方式 和 CS 方式

web 方式

world wide web ---网页方式

B/S 方式

如mail.qq.com/baidu.com等

CS 方式

client software ---客户端软件方式

C/S方式

如电脑版qq，手机原生APP等

与原生程序相比，web方式的优势

1、即点即用无需下载安装与授权

2、通用、兼容、跨平台

3、绕过应用市场，实时发布，快速迭代

4、易推广传播快

劣势

HTML 标准仍待更新

浏览器性能待提升

网速问题

安全问题

按使用情境，网络应用可分为web 方式与CS方式

从数据交互的角度，也可以称作为B/S方式与C/S方式

WEB 方式有天生优势，具备很大潜力，但是目前体验还需提升

----------

浏览器 ---- 知识点包含内容

1、浏览器是什么

2、浏览器市场份额

3、浏览器兼容问题

web 浏览器 --- 是一个应用程序，作用是解释 和显示在www 上找到的文档。

网站开发需要考虑浏览器的市场份额

https://tongji.baidu.com/research/site?source=index#browser

兼容性问题

一个网页"网页学习班"在不同浏览器中打开

浏览器兼容性问题涉及到的知识点很多

屏幕分辨率与网页布局方式

1、屏幕分辨率

2、固定版式

3、流式布局

4、响应式布局

五、HTML 入手

---- 标签是:需要强调内容的意思

emphasize

标签 em

用法格式和 strong 完全一样，在网页里使用 em 标签。

需要强调的内容

break

或
---- 是能 换行

这里是超链接--- URL改成网址如http://www.baidu.com

一个标签可以有多个属性

marquee 标签

strong 和 em 的使用方法是相同的，

我们可以把格式用在 marquee 上，

请在合适的地方使用 marquee 标签

这是飞的感觉

1、需要被重点突出的内容

2、需要被强调的内容

3、链接文字

4、跑马灯文字

html 的基本语法公式

内容标签>

如：

内容

对 marquee 标签进行改造

就像a拥有href等属性一样，marquee也拥有自己的众多属性，direction (方向)就是其中一个， 其属性值可以指定为以下四种之一：

up--- 向上

right--- 向右

down--- 向下

left--- 向左

如：

这是浮动效果

继续对 marquee 进行改造

使用以下属性与属性值对 marquee 进行改造

属性属性值

directionup | right | down | left

onmouseoverstop();--- js 语句

onmouseoutstart();--- js 语句

继续对 marquee 进行改造效果

举报/反馈