博文纲领：
- 1、Web前端工程师要了解的html+css基础知识
- 2、归纳总结学习了哪些html标签和css属性
- 3、html和css学习总结
- 4、CSS入门最全笔记
- 5、CSS3学习笔记
- 6、前端css入门笔记1
Web前端工程师要了解的html+css基础知识
链接的地址在href属性中指定：Thisisalink注释：属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=BillHelloWorldGates。HTML提示：使用小写属性属性和属性值对大小写不敏感。
前端工程师的主要职责：前端工程师在不同的公司有不同的功能，但性质相似。
html + css 理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。JavaScript 不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。
零基础学web前端开发要怎么去学？首先要学习的就是基础知识：HTML、CSS和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。
归纳总结学习了哪些html标签和css属性
Strict：包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。Transitional：包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。Frameset：等同于Transitional但允许框架集内容。如果要写框架就要声明这一种。
html css基础教程归纳如下：第Html介绍本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签，最后讲解了在html中的注释代码的作用。第认识标签(第一部分)学完这一章节将对标签的使用有了一些初步的认识，可以使用标签制作出一篇简单的文章网页。
a标签：用于创建链接，target属性可以控制链接是在新窗口打开还是在同一窗口打开，提升用户体验。CSS部分： display属性： display：flex：实现弹性布局，允许动态调整元素位置，是响应式设计的常用手段。 display：none：将元素完全隐藏，不占用任何页面空间。
学习重点：掌握HTML5的基本标签、属性以及文档结构，了解如何编写语义化的HTML代码，提高网页的可读性和可维护性。 CSS3： 定义：CSS3是层叠样式表的第三版，用于描述HTML或XML文档的外观和格式。 作用：CSS3能够控制网页的布局、颜色、字体、背景等样式，使网页更加美观和易于使用。
学习HTML和XHTML：掌握HTML基础：学会HTML标签、属性及其作用，了解如何构建网页的基本结构。熟悉XHTML：了解XHTML与HTML的区别，包括更严格的语法规则等。使用文本编辑器：熟练掌握文本编辑器进行代码编写。学习层叠样式表单：理解CSS优点：CSS可以控制网页的布局、颜色、字体等样式，使网页更加美观。
HTML 的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。
html和css学习总结
通过学习CSS，开发者能够掌握更高级的元素选择技术，如组合选择器等，以便更灵活地控制网页布局。CSS盒模型：所有HTML元素被视为具有宽度、高度、边距、边框和内填充的盒子。理解盒模型有助于正确设定元素大小和位置，确保网页在不同浏览器中呈现一致。
第开始学习CSS，为网页添加样式CSS是一个很神奇的东西，设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式：先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
空的HTML元素：没有内容的HTML元素被称为空元素。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如：就是没有关闭标签的空元素，而是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使在所有浏览器中都是有效的，但使用其实是更长远的保障。
CSS入门最全笔记
1、内联样式表：直接写在HTML元素内部的style属性中，格式为元素 style=属性1： 值1； 属性2： 值2；...内容/元素。内部样式表：包含在HTML文档的标签内，位于部分，用于定义整个页面的样式。外部样式表：通过标签引用外部的CSS文件，通常用于多个页面共享样式。
2、CSS 元素类型相互转换的笔记整理如下：使用 display 属性调整元素类型：block：将元素设置为块级元素，这些元素会独占一行，可以设置宽度和高度。inline：将元素设置为内联元素，这些元素不会独占一行，宽度和高度由内容决定。inlineblock：结合了块级元素和内联元素的特点，可以设置宽度和高度，但不会独占一行。
3、CSS入门最全笔记核心要点如下：CSS基础概念 全称：层叠样式表，简称CSS。 作用：与HTML结合使用，控制网页的外观，实现结构与样式的分离，提高代码的可维护性和可重用性。CSS语法规范 主要组成部分：选择器和声明。选择器用于指定要应用样式的元素，声明用于定义样式属性和值。
CSS3学习笔记
CSS3学习笔记：选择器：基础选择器：包括标签选择器、类选择器、ID选择器和通配符选择器，分别针对不同类型的HTML元素进行样式定义。复合选择器：通过后代选择器、子选择器、并集选择器和伪类选择器组合使用，实现对元素的精确控制，特别是链接伪类和：focus选择器，为特定状态或操作提供特殊样式。
在css3中，text-shadow可设置文本阴影。通过属性值能够规定水平阴影、垂直阴影、模糊距离，以及阴影颜色：语法 text-shadow 属性向文本添加阴影，属性值有2-3个长度值和一个可选的颜色值进行规定，省略的长度是0.多层阴影 text-shadow 属性也可以向文本添加多个阴影，逗号分隔多个阴影的属性值。
百度网盘Web前端学习笔记：HTML5+CSS3+JavaScript高清在线观看 https：//pan.baidu.com/s/1JkYG8WUfdPdjN_3ntB1Qrg？pwd=1234 提取码：1234 内容简介 . CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
理解盒模型：CSS3中的盒模型包含两种，标准盒模型与IE盒子模型(怪异盒模型)。盒模型由四个部分组成：content、padding、border、margin。该模型有五个属性。图解盒模型的五大属性，清晰展示了盒模型的构成。父子间距通过设置父元素padding实现，兄弟间距则通过设置元素margin实现。
前端css入门笔记1
1、内联样式表：直接写在HTML元素内部的style属性中，格式为元素 style=属性1： 值1； 属性2： 值2；...内容/元素。内部样式表：包含在HTML文档的标签内，位于部分，用于定义整个页面的样式。外部样式表：通过标签引用外部的CSS文件，通常用于多个页面共享样式。
2、结构伪类选择器用于根据元素在HTML中的结构关系查找元素，其优势在于减少对于HTML中类的依赖，有利于保持代码整洁。常用于查找某父级选择器中的子元素。
3、理解CSS左右布局是前端开发的基础，掌握它能帮助我们快速理解复杂布局。实现左右布局的方法多样： 使用position： absolute定位子元素，通过百分比划分左右两部分。这种方法的优点是每个子元素都可容纳独立内容。 利用table布局进行早期页面设计，但随着前端技术发展，其局限性导致被div布局取代。
4、首先，我们需要了解以下几种常用的css单位： px：像素单位，相对长度单位，与屏幕分辨率相关。 %：百分比，相对长度单位，基于父元素的百分比值计算。 em：相对父元素的字体大小，有继承特性，计算方便。 rem：相对根元素的字体大小，适用于成比例调整页面字体大小。
5、+ grid-column-start + grid-row-end + grid-column-end 的更短的简写。
6、首先，选择一个适合的开发环境。推荐使用Hubuilderx或VsCode。VsCode功能强大，但需要安装插件，Hubuilderx较为轻量，适合入门。在编辑器中新建文件，编写基本HTML代码。按下F12或右键浏览器检查元素，打开控制台。现在，页面已呈现基本HTML结构。