1、定义不同:
- html是HyperTextMark-upLanguage的缩写,即超文本标记语言;
css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。
2、用途不同:
html是用于文本内容,包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
css多用于样式,主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。
3、CSS语法与HTML语法完全不同:
HTML里代码是功能标签,如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等,html代码语法范例:
<div>内容</div>-
4、性质不同
HTML是网页的结构,CSS是网页的样式。例如如果把整个网页比喻成一个人,那么HTML就是骨头,CSS就是衣服。
5、注释的格式不同
HTML注释格式:
- CSS注释格式:/注释内容/
6.HTML和CSS的联系:
- CSS与HTML相同之处在于,两个共同作用让网页实现需要的布局样式
README
NOTE_HTML5
介绍
尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记
更新
- 语雀:Web前端HTML5&CSS3 · 语雀 (yuque.com)
- Github:vectorxxxx/NOTE_HTML5: 尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记 (github.com)
- Gitee:NOTE_HTML5: 尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记 (gitee.com)
- CC:VectorUx / NOTE_HTML5 · CODE CHINA (csdn.net)
看文档推荐使用语雀,感觉更加简洁;需要图片资源的推荐下面几个代码托管平台,都是同步更新的哦!
同时,为了更方便大家在托管平台上直接看,特意整理了一下结构(因为默认只有README文件会有目录结构,所以每节单独放到了一个文件夹下面)
其他平台因为审核限制的原因,内容上应该没有上面几个全,大家可以自行选择
- 博客园:Web前端HTML5&CSS3 - 随笔分类 - VectorX - 博客园 (cnblogs.com)
- CSDN:Web前端_VectorX’s Blog-CSDN博客
- 掘金:VectorX 的个人主页 - 文章 (juejin.cn)
另外,新搭建了一个Github Pages网站,大家可以去尝尝鲜~
软件
视频中使用到的软件和资源,还有一些其他的开发工具,仅供参考(eg. 考虑到部分下载速度的问题,特意整理了部分软件到Software仓库下,大家可以自取)
Zeal
离线文档:Zeal - Offline Documentation Browser
NotePad
Softonic地址:Notepad++ - Download (softonic.com)
Sublime
官方地址:Sublime Text - A sophisticated text editor for code, markup and prose
VS Code
安装的插件
官方地址:Atom
- Github地址:atom/atom: The hackable text editor (github.com)
中文地址:Atom中文网 (baisheng999.com)
WebStorm
官方地址:Download WebStorm: The Smartest JavaScript IDE by JetBrains
FastStone Capture
下载地址:FastStone Capture - Download
Photoshop精简版
网址
字符实体
- HTML 字符实体
-
CSS Dinner
官方地址:CSS Diner - Where we feast on CSS Selectors!
reset样式
官方地址:reset.css
normalize样式
官方地址:normalize.css
贝叶斯曲线
-
实战

字体
demo\font\
- ZCOOLKuaiLe-Regular.ttf
- ZCOOLQingKeHuangYou-Regular.ttf
- ZCOOLXiaoWei-Regular.ttf
写作习惯的注意:
- 写完局部以后可以抽离出公共部分
