html和css学习心得(精简3篇）
html和css学习心得 篇一
在学习html和css的过程中，我深刻体会到了它们的重要性和实用性。html是一种用于创建网页的标准标记语言，而css则是用于控制网页样式和布局的样式表语言。通过学习html和css，我不仅能够创建出美观、结构清晰的网页，还可以实现各种交互效果和动画效果，为用户提供更好的浏览体验。
在学习html的过程中，我首先学会了基本的标签和语法，如、
、等。这些标签用于定义网页的结构和内容，通过嵌套和属性的使用，可以实现各种不同的效果。我还学会了如何插入图片、链接和视频等元素，使网页更加生动和丰富。除了基本的标签和语法，我还学习了一些高级的html技巧。例如，我学会了如何创建表单，使用户能够输入和提交数据。我还学会了如何使用表格、列表和div等元素进行布局，使网页更加有条理和美观。此外，我还学会了如何使用iframe元素嵌入其他网页或内容，使网页的功能更加强大和多样化。
在学习css的过程中，我首先学习了如何使用内联样式和内部样式表来定义网页的样式。通过设置不同的属性和值，我可以改变元素的字体、颜色、边框、背景等样式。我还学会了如何使用选择器来选择特定的元素，并为其应用不同的样式。通过使用class和id选择器，我可以在网页中选择并修改特定的元素。
除了基本的样式设置，我还学习了一些高级的css技巧。例如，我学会了如何使用盒模型来控制元素的大小和间距。我还学会了如何使用浮动和定位来进行元素的布局，使网页更加灵活和自适应。此外，我还学会了如何使用css动画和过渡效果，为网页添加一些动态和交互的元素。
通过学习html和css，我不仅提升了自己的前端开发技能，还培养了一种逻辑思维和创造力。在实践中，我遇到了很多问题和挑战，但通过不断的尝试和学习，我逐渐掌握了html和css的核心概念和技巧。我相信，html和css将在未来的互联网时代发挥更加重要的作用，并为我们带来更多的创新和可能性。
html和css学习心得 篇二
在学习html和css的过程中，我深刻认识到了它们的重要性和实用性。html是一种用于创建网页的标准标记语言，而css则是用于控制网页样式和布局的样式表语言。通过学习html和css，我不仅能够创建出美观、结构清晰的网页，还可以实现各种交互效果和动画效果，为用户提供更好的浏览体验。
在学习html的过程中，我首先掌握了基本的标签和语法，如、
、等。这些标签用于定义网页的结构和内容，通过嵌套和属性的使用，可以实现各种不同的效果。我还学会了如何插入图片、链接和视频等元素，使网页更加生动和丰富。除了基本的标签和语法，我还学习了一些高级的html技巧。例如，我学会了如何创建表单，使用户能够输入和提交数据。我还学会了如何使用表格、列表和div等元素进行布局，使网页更加有条理和美观。此外，我还学会了如何使用iframe元素嵌入其他网页或内容，使网页的功能更加强大和多样化。
在学习css的过程中，我首先学习了如何使用内联样式和内部样式表来定义网页的样式。通过设置不同的属性和值，我可以改变元素的字体、颜色、边框、背景等样式。我还学会了如何使用选择器来选择特定的元素，并为其应用不同的样式。通过使用class和id选择器，我可以在网页中选择并修改特定的元素。
除了基本的样式设置，我还学习了一些高级的css技巧。例如，我学会了如何使用盒模型来控制元素的大小和间距。我还学会了如何使用浮动和定位来进行元素的布局，使网页更加灵活和自适应。此外，我还学会了如何使用css动画和过渡效果，为网页添加一些动态和交互的元素。
通过学习html和css，我不仅提升了自己的前端开发技能，还培养了一种逻辑思维和创造力。在实践中，我遇到了很多问题和挑战，但通过不断的尝试和学习，我逐渐掌握了html和css的核心概念和技巧。我相信，html和css将在未来的互联网时代发挥更加重要的作用，并为我们带来更多的创新和可能性。
html和css学习心得 篇三
html和css学习心得
系统学习web前端大概有一周了吧，看了《Head First HTML与CSS》，这本书属于入门书，语言浅显易懂，跟着书敲代码很快的，我大概用了一天就看完了，同时对html和css有个系统的认识了。接着看了《精通CSS》第二版，受益最多的是从中学会了布局，用好position和float，还有结构与表现分离的思想。然后开始javascript的学习，看了入门必备书《javascript DOM 编程艺术》，这本书也比较基础，适合新手入门，由于我之前学过C、C++和python，有一定的编程基础，大概两天时间过了第一遍，然后花了两个多小时看了第二遍，感觉这些专业性较强的书，光看一遍是不够的，得多看几遍，每一遍都有不同的收获。
看完了这几本书后，我尝试模仿几个静态网页，今天模仿了11对战平台的首页，花了几个小时终于作出了一个勉强还能看的静态网页。我知道自己还有很多需要完善的知识点，现在就总结下今天的工作吧。
在设计网页时，要分析网页分为几个部分，也就是能够切好图，logo、导航栏、边栏、页眉、页脚等都事先分配好位置，给它们命名要简单易懂。
第一步做好后，建立一个相对完整的html结构，也就是纯html文档，一个完整的骨架先造出来然后再去给它穿衣服。在建立html文档时，要分析哪里该用p，什么情况用class，什么情况用id。一般来说，如果是比较通用类的，用class，而比较特殊只会出现一次的比如页角、侧栏等，可以选择使用id来标记。
骨肉已经成型后，该给它穿衣服，也就是css的编写了。首先应该从body开始，给body设置规则比如width，margin、background-color等，然后一层一层来设置，这个过程时最复杂最麻烦，基本95%的时间是花在这上面的。
在上面做好后，就是一些边边角角的.修改了，比如位置的微调，颜色微调等。
模仿一个复杂的网页需要注意的东西太多了，某一个位置的一张图片的设置：是一定宽度和高度的范围然后让图片作为背景覆盖，还是单纯一个搞定呢，这两个方案各有各的特点，采用什么方案得看实际情况，如果是比较大的如logo可以做用“背景法”来处理，如果是文本中的图片，则用第二种方法会好些。
一般网页在高度宽度变化时会有相应的适配方案，当网页扩大缩小时能保证网页内容能不“失真”，在《精通CSS》中看到，如果向让浮动的元素不随着网页大小变化而发生位置的变化，得给浮动的元素一个宽度，这样在网页大小变化时，浮动元素大小始终是不变的。
上一张今天模仿11对战平台主页的截图，大部分的内容都实现了，有一个广告轮播的效果还没有做出来，只贴了张静态图代替那个地方，我偷了点懒没有用javascript，其他的地方除了位置可能有点偏差和有些图大小有误差，大的问题没有。
