HTML5+CSS3+移动端前端
文章平均质量分 97
主要存放我的学习笔记,感兴趣的可以一起学习
程序喵正在路上
计科学生,新星计划第三季Python赛道Top4
展开
-
【玩转前端】HTML5和CSS3
HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等这些新特性都有兼容性问题,基本是 IE9+ 以上的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性以前布局,我们基本都用 div 来做,div 对于搜索引擎来说是没有语义的HTML5 新增了语义化标签:注意:新增的多媒体标签主要包含两个:使用它们可以很方便地在页面中嵌入音频和视频,而不再去使用 flash 和其他浏览器插件 视频标签 HTML5 在不适用插件的情况下,也可以原生地支持视频格式文件的播放,当原创 2022-08-17 09:07:06 · 2290 阅读 · 19 评论 -
【玩转CSS】这些高级技巧,你都会吗
介绍了精灵图、字体图标、三角制作、用户界面样式等等的使用原创 2022-08-16 07:00:00 · 24817 阅读 · 98 评论 -
【玩转CSS】详解定位
浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子;而定位则是可以让盒子自由地在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子原创 2022-08-05 10:12:54 · 826 阅读 · 12 评论 -
【玩转CSS】学成在线(文末素材源码自取)
学成在线,一个典型的企业级网站,完成这个案例可以让我们整体感知企业级网站布局流程,同时复习以前学习的知识,文末有素材源码分享原创 2022-07-24 16:08:20 · 5498 阅读 · 135 评论 -
【玩转CSS】一文带你了解浮动
网页布局的本质 —— 用 CSS 来摆放盒子,把盒子摆放到相应位置CSS 提供了三种传统布局方式 (简单来说,就是盒子如何进行排列顺序):所谓的标准流:就是标签按照规定好的默认方式排列① 比如块级元素会独占一行,从上向下顺序排列② 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行以上都是标准流布局,我们前面学习的就是标准流,标准流是最基本的布局方式注意:在实际开发中,一个页面基本都包含了这三种布局方式,在学习移动端的时候我们还会学习新的布局方式提问:我们用标准流能很方便地实现如下效果吗?1、如原创 2022-07-22 07:00:00 · 12059 阅读 · 182 评论 -
【玩转CSS】盒子模型
页面布局要学习三大核心:盒子模型、浮动和定位,学好盒子模型能非常好地帮助我们布局页面原创 2022-07-15 11:50:59 · 10694 阅读 · 78 评论 -
【前端】CSS的背景设置及CSS的三大特性
通过 CSS 背景属性,可以给页面元素添加背景样式背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等background-color 属性定义了元素的背景颜色一般情况下元素背景颜色默认值是 transparent(透明),我们也可以手动指定背景颜色为透明色background-image 属性描述了元素的背景图像,实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置(精灵图也是一种运.....................原创 2022-07-10 08:00:00 · 7158 阅读 · 12 评论 -
【前端】Emmet语法、CSS复合选择器、元素显示样式
Emmet 语法的前身是 Zen coding,它使用缩写,来提高 html/css 的编写速度,Vscode 内部已经集成该语法。CSS 基本采取简写形式即可在 IDEA 里面,我们可以通过按 Ctrl + Alt + L 快捷键来格式化我们的代码,让我们的代码看起来更美观;.........原创 2022-07-09 08:00:00 · 634 阅读 · 1 评论 -
【前端】保姆级的CSS简介
CSS 的主要使用场景就是美化网页,布局网页的。说到 HTML,这其实是个非常单纯的家伙,它只关注内容的语义。比如 表明这是一个大标题, 表明这个一个段落, 表明这里有一张图片, 表明这里有一个链接。很早的时候,世界上的网页虽然很多,但是它们都有一个共同的特点:丑虽然 HTML 可以做简单的样式,但是带来的却是无尽的臃肿...原创 2022-07-06 08:30:00 · 3774 阅读 · 11 评论 -
【前端】HTML标签(下)
表格是实际开发中非常常用的标签。表格主要用于显示、展示数据,因为它可以让数据显示得非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。表格不是用来布局页面的,而是用来展示数据的。① 表格标签的基本使用1、 是用于定义表格的标签。2、 标签用于定义表格中的行,必须嵌套在 标签中。3、 标签用于定义表格中的单元格,必须嵌套在 标签中。4、字母 td 指表格数据(table data),即数据单元格的内容。效果图:②原创 2022-07-05 08:00:00 · 2838 阅读 · 70 评论 -
【前端】HTML标签(上)
🐾 能够说出标签的书写注意规范🐾 能够写出 HTML 骨架标签🐾 能够写出超链接标签🐾 能够写出图片标签并说出 alt 和 title 的区别🐾 能够说出相对路径的三种形式新建的文件最好不要直接在电脑桌面创建,可以在一个文件夹中建立,这样便于管理。1、HTML 标签的由尖括号()包围的关键词,例如 。2、HTML 标签通常是成对出现的,例如 和 ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。3、有些特殊的标签必须是单个标签(极少情况),例如 ,我们称为单......原创 2022-07-03 00:47:45 · 987 阅读 · 4 评论 -
【前端】HTML简介
开始主要学习 PC 端网站布局,最终网站:品优购静态网站。目的:精通网页布局,这也是前端人员的必备技能,为后面学习 JavaScript 打下坚实基础。✨ HTML5 基础主要学习最常见的没有兼容性的 HTML 标签。🌟 CSS3 基础主要学习最常用的没有兼容性的 CSS 样式,利用前面学习的标签完成传统 PC 端网页布局。综合案例:传统企业网页制作⭐ H5C3 提高学习 HTML5 新增的标签、CSS 样式。有一定兼容性,可以与未来更好地接轨。🌠 项目-品优购电商网站1、能够说出网页的基本构成..原创 2022-07-02 08:00:00 · 703 阅读 · 5 评论