CZNEU的博客

1 DOM1.1 DOM简介Document Object Module文档对象模型JS中通过DOM对HTML文档进行操作文档表示的就是整个HTML网页文档对象表示将网页中的每一个部分都转换为了一个对象使用模型来表示对象之间的关系，这样方便我们获取对象节点Node构成网页的最基本的组成部分，网页中的每一个部分都是一个节点文档节点：整个HTML文档元素节点：HTML文档中的HTML标签属性节点：元素的属性文本节点：HTML标签中的文本内容节点属性例：获取到button对

JavaScript概念一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言：不需要编译，直接就可以被浏览器解析执行了功能可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。JavaScript发展史如果没有JavaScript，我们在浏览器端注册账号时，会把注册的表单发送到服务器，如果填写的信息有误不能注册，服务器会隔一段时间才返回错误，需要重新填写，这样就很费时间。1992年，No

pink老师看到p299，开始品优购项目1 品优购项目介绍1.11.5 项目搭建工作模块化开发：有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。 此时，可以把这些结构和样式单独作为一个模块，然后重复使用1.6 网站favicon图标制作favicon图标把品优购图标切成 png 图片。把 png 图片转换为 ico 图标， 这需要借助于第三方转换网站， 例如比特虫： http://www.bitbug.net/favicon图标放到网站根目录下HTML.

1 HTML5新特性1.1 语义化标签html5中为了提高程序的可读性，提供了一些标签。<header> </header>：头部标签<footer> </footer>：尾部标签<nav> </nav>：导航标签<article> </article>：内容标签<aside> </aside>：侧边栏标签<main> </main><se

0 准备工作0.1 准备素材和工具学成在线psd源文件

FastStoneCapture（官方付费）：屏幕量尺在前端中的作用：行高的测量：沿着本行的最靠近字体的下边界到上一行的靠近字体的下边界。Snipaste（官方免费）：截图贴图使用：f1截图。同时可以测量大小，设置箭头，书写文字等f3在桌面置顶显示点击图片，按住alt键可以取色按下esc取消图片显示...

注释<!-- -->Windows快捷键作用ctrl+/在一行任意位置单行注释选中多行对多行全部注释alt+shift+A多行注释编辑操作Windows快捷键作用alt+shift+↓将代码向下复制alt+shift+↑将代码向上复制alt + ↑将代码向上移动alt + ↓将代码向下移动ctrl+enter在当前行（光标任意位置）的下方增加一行，然后跳至新行ctrl+shift+enter在当

2020.12.30 晚上HTML基础学习总结之后是CSS学习总结，区别HTML与CSS：HTML用于搭建基础网页，展示页面的内容CSS用于美化和布局页面CSS页面美化和布局控制：Cascading Style Sheets（层叠样式表）1 CSS与html结合方式1.1 内联样式在标签内使用style属性指定CSS代码。如：<div style="color:red;">hello css</div>1.2 内部样式在head标签内，定义style

开始前端学习是在黑马的java就业班，简单学习了HTML、CSS和JavaScript，这个教程主要是针对后端的，所以对前端讲的并不细致，但讲的也很好，带我入了门。由此对前端产生兴趣之后，就想系统的学习一下web前端，准备明年的秋招。在B站上找了教程，又看了千锋1000的最初小白部分，讲的比较简单，但是给出的案例源码值得去练习，等于说这个小白视频让我了解了更多的HTML标签和css属性。目前对HTML与css的感觉就是杂乱无章，所以想总结一下然后安排后面的学习。HTML是最基础的网页开发语言：Hype.