![](https://img-blog.csdnimg.cn/direct/f083741b799041b5a356478dc7f786f0.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML入门教程专栏
文章平均质量分 96
0基础讲解HTML入门知识,让新手小白半个月也能编写自己的官网。
EmulateStep
系统学习 HTML、Vue、Node、Uniapp......
展开
-
Day14:响应式网页
day14:本文主要讲了媒体查询和 Bootstrap 框架,媒体查询讲解了媒体查询的完整写法和简易写法,还讲了几个常用媒体特性:min-width 、max-width 等以及书写顺序,如果媒体查询用到的场景很多,可以使用link标签在引入外部CSS时进行媒体查询。关于Bootstrap框架,主要讲了怎么下载和使用,讲了框架里面的栅格系统、button、组件等,怎么使用这个框架进行响应式布局,最后通过一个综合实例,巩固今日所学。原创 2024-06-07 19:37:27 · 1019 阅读 · 0 评论 -
Day13:vw 和 vh 基本使用
day13:本文主要讲了移动端 web 开发的基础,讲了什么是 vw 和 vh,怎么将设计稿中的 px 尺寸转换为 vw 或 vh 单位尺寸,移动端适配等等,因为今日的知识是在 day12 基础之上,所以今日以练习为主!原创 2024-06-05 23:01:24 · 655 阅读 · 0 评论 -
Day12:rem 布局 和 less 使用
day12:本文主要讲了移动端 web 开发的基础,讲了什么是物理分辨率,什么是逻辑分辨率,实际开发中参考的是逻辑分辨率,开发中如果设计师给的设计稿是二倍图怎么处理,媒体查询,怎么将设计稿中的 px 尺寸转换为 rem 单位,移动端适配等等,希望对大家有帮助!原创 2024-06-03 23:42:36 · 807 阅读 · 0 评论 -
Day11:空间转换、动画
day11:本文主要讲了空间转换和动画。空间转换又称 3D 转换,属性是 transform,空间转换可以沿 X轴、Y轴、Z轴 3个轴进行转换操作。接下来讲解了什么是动画,动画是两个状态的变化过程,动画的属性有哪些以及怎么使用动画。这两个 CSS 属性在实际开发网页中很常用,希望对大家有帮助!原创 2024-06-03 15:42:56 · 431 阅读 · 0 评论 -
Day10:平面转换、渐变色
day10:本文主要讲了平面转换和渐变色。平面转换又称 2D 转换,属性是 transform,平面转换分为:平移、旋转、缩放、倾斜,又讲解了转换原点和多重转换。渐变色讲了线性渐变和径向渐变。这两个 CSS 属性在实际开发网页中很常用,希望对大家有帮助!原创 2024-05-31 19:49:48 · 1129 阅读 · 0 评论 -
Day09:实战练习(小兔鲜儿)
本文通过布局一个网页进行实战练习,讲解实际开发中网页的开发流程、代码书写。网页项目实战中的素材和图片均可免费下载使用,并且还提供了完整的项目代码供学习参考,希望对大家有帮助!原创 2024-05-30 15:51:49 · 266 阅读 · 0 评论 -
Day08:CSS 高级
本文首先讲解了CSS的三种定位方式以及实际开发中的使用场景,接下来讲解了堆叠层级z-index、什么是精灵图、怎么使用精灵图、字体图标的下载和使用、怎么上传自己的字体图标,然后讲了什么是基线以及行内的垂直对齐方式,最后讲了过渡、透明度和光标类型,希望对大家的学习有所帮助!原创 2024-05-27 19:58:25 · 723 阅读 · 0 评论 -
Day07-实战练习
本文通过布局一个网页进行实战练习,讲解实际开发中网页的开发流程、代码书写。网页项目实战中的素材和图片均可免费下载使用,并且还提供了完整的项目代码供学习参考,希望对大家有帮助!原创 2024-05-23 21:06:10 · 279 阅读 · 0 评论 -
Day06:Flex 布局
本文学习Flex布局,首先讲解了什么是标准流(文档流),接着将了浮动(float)布局,浮动布局为什么会脱标以及如何解决脱标的情况。接下来讲解了本文学习的重点,flex 弹性布局,关于 flex 弹性布局主要讲解了 flex 的组成、主轴对齐方式、侧轴对齐方式、如何修改主轴方向、弹性伸缩比、弹性盒子换行以及行内对齐方式,并通过多个例子详细讲解了弹性盒子的布局方式和常用属性,希望对大家有帮助!原创 2024-05-23 16:14:20 · 1236 阅读 · 0 评论 -
Day05:盒子模型
本文学习 CSS 的盒子模型,首先讲解nth-child伪类选择器和伪元素选择器,介绍了像素大厨pxcook的使用方式,并附赠了下载链接,接下来讲解了盒子模型,主要介绍了:盒子模型的的组成、边框线、padding、margin、盒子的尺寸计算,讲解实际开发中经常遇到的外边距合并问题和外边距塌陷问题,最后讲解了盒子的圆角和阴影知识点。原创 2024-05-21 15:50:49 · 820 阅读 · 0 评论 -
Day04:CSS 进阶
本章学习 CSS 的进阶知识,什么是复合选择器,复合选择器分为:后代选择器、子代选择器、并集选择器、交集选择器、伪类选择器。讲解了 CSS 的特性,继承性、层叠性、优先级,详细讲解了优先级的计算规则。什么是 Emment 写法,可以帮助我们更快的编写代码。讲解了如何使用元素的背景图,已经背景图常用的属性和属性值。原创 2024-05-20 09:46:26 · 1036 阅读 · 0 评论 -
Day03:CSS 基础
介绍什么是 CSS、CSS 的引入方式,讲解什么是标签选择器、类选择器、id选择器、通配符选择器以及这些选择器的用法,元素常用的一些 CSS 属性,如:宽度、高度、背景色、字体大小、字体样式、行高、字体族、文字的复合属性、文本缩进、颜色等,怎么使用浏览器的调试工具,帮助程序员发现代码问题、解决问题。原创 2024-05-19 09:30:00 · 654 阅读 · 0 评论 -
Day02:列表、表格、表单
本文主要介绍HTML的列表、表格和表单功能。列表分无序列表、有序列表、定义列表;表格使用 table、tr、th、td 标签以及表格的结构标签;表单常用的 input 标签、select 标签、textarea 标签、label标签。无语义的布局标签、有语义的布局标签,字符实体空格( )、(<)、(>)。原创 2024-05-18 09:30:00 · 657 阅读 · 0 评论 -
Day01:HTML 基础
介绍HTML的标签语法、标签结构、HTML骨架、标签的关系、标题标签、段落标签、水平标签、换行标签、文本格式化标签、图像标签、音视频标签、文件的绝对路径和相对路径、超链接标签等标签的概念和使用。原创 2024-05-17 16:54:55 · 636 阅读 · 0 评论