自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 零基础前端Vue的小白学习路——HTML基础(五)HTML5新增特性

hgroup:包裹连续的标题,如文章主标题、副标题的组合,几乎不用。main:文档的主要内容,几乎不用,IE不支持。

2023-09-11 08:47:43 93

原创 零基础Vue的小白学习路——CSS(五),CSS3新增特性

CSS3:在CSS2上新增了许多新功能,解决了一些实际面临的问题。 什么是私有前缀:-webkit-border-radius 中,-webkit-就是私有前缀。 私有前缀的作用:W3C标准提出的某个CSS特性,在浏览器正式支持前,浏览器厂商会根据浏览器的内核,适用私有前缀来测试该CSS特性,在浏览器正式支持该CSS特性后就不需要私有前缀了。 查询CSS3兼容性的网站:Can I use... Support tables for HTML5, CSS3, etc 常见浏览器私有前缀: Chr

2023-09-11 08:39:06 112

原创 零基础Vue的小白学习路——CSS基础(四)浮动、定位

浮动:早期用来实现文字环绕图片效果,现在是主流的页面布局方式之一。 元素浮动的特点: 1、脱离文档流 2、浮动后默认宽高都由内容撑开,而且可以设置宽高 3、不会独占一行 4、不会margin合并,也不会margin塌陷 5、不会像行内块一样被当作文本处理(没有行内块的空白问题) 浮动后的影响: 对兄弟元素的影响:后面的兄弟元素,会占据浮动元素之前的位置,在浮动元素的下面;对前面的兄弟无影响。 对父元素的影响:不能撑起父元素的高度,导致父元素的高度塌陷;但父元素的宽度依然

2023-08-21 00:27:16 445 1

原创 零基础Vue的小白学习路——CSS基础(三)表格相关属性、背景相关属性、盒子模型、浮动

浮动进行页面布局:(待续)

2023-08-14 00:00:04 587

原创 零基础Vue的小白学习路——CSS基础(二)CSS三大特性、字体属性、文本属性、列表属性

important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式。

2023-08-06 23:50:35 124

原创 零基础Vue的小白学习路——CSS基础(一)语法基础及CSS选择器

HTML中元素间关系。

2023-07-30 23:49:10 565

原创 零基础前端Vue的小白学习路——HTML基础(四)全局属性与meta元信息

在前面的几个章节中,我们已经学习了HTML语言的基本语法以及大部分常用标签。本节主要记录HTML中标签的全局属性以及head部分中meta元信息的常用设置。<html>、<head>、<meta>、<title>、<script>、<style>中不加dir。<html>、<head>、<meta>、<title>、<script>、<style>中不加id。不能用于<head>、<meta>、<title>、<script>、<style>HTML绝大部分标签所拥有的共同的属性种类。

2023-07-30 23:40:47 85 1

原创 零基础前端Vue的小白学习路——HTML基础(三)超链接、列表、表格、表单、框架标签、字符实体

超链接字体内容本节主要记录HTML中超链接、列表以及表格三大常用标签的使用。超链接: 完成到目的网页或者当前网页某一标签的跳转。文本内容列表内容

2023-07-24 00:15:30 1689

原创 零基础前端Vue的小白学习路——HTML基础(二)排版标签、文本标签、图片标签

前言:标签的语义比它本身的呈现效果更重要,学习的时候不仅要记住它大概的呈现效果是什么样,更重要的是明白它是用来干什么的(理解语义)。a、这有益于增强你代码的可读性,呈现效果可以从后续学习的CSS来调整。b、有利于SEO(搜索引擎优化)c、方便设备解析(盲人阅读器、屏幕阅读器)其中src的值可以填写本地图片的路径,也可以填写网络图片的绝对路径(部分有防盗链的图片无法显示)。2、块级元素与行内元素:块级元素独占一行,行内元素不独占一行。3、文本标签:用于包裹词汇、短语,常用的有。a、要着重阅读的内容:<em>

2023-07-14 15:49:14 181 1

原创 零基础前端Vue的小白学习路——HTML基础(一)

Web网页开发通常按照HTML+CSS======》Javascript的路线。live server:一个可以快速创建网页服务器,并将代码效果呈现在网页上的插件。:超文本(更丰富的文本)标记(让文本变成超文本的标记)语言(标记写法、使用规则)。后可快速生成标准结构,在VS Code设置中配置emmet可以更改快速生成的代码片段的属性值。主要有zh-CN(中国大陆)、zh-TW(中国台湾)、en-US(美式英语)、en-GB(英式英语)2、HTML基本结构:主要包含html,head,body三大部分。

2023-07-14 15:24:07 76 1

原创 零基础前端Vue的小白学习路——初识HTML、CSS、JS、ES6技术

HTML5继承了HTML的部分特征,添加了许多心得语法特征,如语义特性,本地存储特性、设备兼容特性、连接特性、网页多媒体特性等。CSS3是CSS2的进阶,增加了许多新的属性,功能模块化划分,浏览器兼容性较CSS2差一点。在前辈为我指出的需要的技术学习路线中,HTML,CSS,JS是地基,Vue、Node.js则是更高阶的应用技术。早期前端主要是开发网页,在后续大前端技术的背景之下,更加生动形象、交互感更强的小程序、APP开发、数据可视化系统、服务器(客户端)程序也能由前端技术实现。二、前端涉及的主要技术。

2023-07-06 16:27:13 493 1

原创 零基础前端Vue的小白学习路——(Node.js,VSCODE,Hbuilder X)环境搭建

主要特点:事件驱动的、非阻塞式I/O的环境,适合在分布式设备上运行数据密集型的实时应用。俗话说,实践是检验真理的唯一标准,IT的学习更是离不开实践。搭建环境想必是许多IT人刚入门一个新语言的第一个门槛,不正确的配置、不适配的版本往往会让你未来的道路变得不平坦,因此搭建环境时需要尤为谨慎。在环境变量对话框里,找到系统变量下的Path -->编辑 -->新建 -->将node.js的安装目录复制上去,点击确定即可。更改npm的本地仓库以及配置npm的下载镜像站(可以更快速的实现npm对扩展模块的下载)。

2023-07-05 22:49:06 1362 1

原创 零基础前端Vue的小白学习路——前言

七年大学时光,转瞬即逝,毕业的大伙们也都褪去大学生稚嫩的长衫,涌入纷乱多彩的社会中接受洗礼。不同于大学中的高屋建瓴,站在科研的角度上对于各种理论指点江山,到了企业中,工作的价值则是第一要务。因此秉承哪里需要就到哪里去的原则,一个小白的前端学习路就这样开始了。仅以此博客,写给自己以供回顾总结,另外也是希望能够与社区上的朋友们一同交流,共同进步;该博客主要用于记录对于HTML,CSS,JS,ES6,Vue等前端知识的学习总结,其中可能也会有一个菜鸟学习当中的心路历程,主打真实,还望各位大佬莫笑。

2023-07-05 15:36:47 35

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除