web前端
文章平均质量分 75
web前端专栏
Vincent_TangM
用简单的方式学编程
展开
-
使用前端三件套实现一个留言板网站
本文使用HTML、CSS和JavaScript前端三件套实现一个留言板网站,使用层层递进的方式将代码优化,文末给出了完整代码。原创 2024-06-19 22:18:19 · 1040 阅读 · 0 评论 -
10. display和visibility
hidden 元素在页面中隐藏 不显示,但是依然占据页面的位置。行内块,既可以设置宽度和高度又不会独占一行。none 元素不在页面中显示 ,不存在了不占据位置。inline-block 将元素设置为行内块元素。visible 默认值,元素在页面中正常显示。inline 将元素设置为行内元素。table 将元素设置为一个表格。block 将元素设置为块元素。行内块:注意显示的时候有一个空格,因为两个超链接有换行。原创 2024-06-04 09:00:00 · 320 阅读 · 0 评论 -
用vite构建的项目,vite.config.ts中出现Cannot resolve file ‘vite‘
使用vite构建项目,用到vant组件库,在vite.config.js中配置vant时,导入后vite爆红解决方法原创 2024-04-01 11:48:11 · 575 阅读 · 0 评论 -
9. 行内元素的折叠
垂直方向的margin不会影响布局,水平方向的margin不会合并。2. 垂直方向的border不会影响页面的布局。1. 垂直方向padding不会影响页面的布局。行内元素不支持设置宽度和高度,由内容撑开。原创 2023-10-17 09:59:45 · 95 阅读 · 0 评论 -
8. 外边距的折叠
外边距的折叠,列举了几种在处理外边距时可能发现的情况,父子元素和兄弟元素之间的折叠不同。原创 2023-10-16 11:20:52 · 82 阅读 · 1 评论 -
7. 盒子与被包含盒子的关系
margin-left+border-left+padding-left+width+padding-right+border-right+margin-right = 其父元素内容区的宽度 (必须满足)⑤ 如果将两个外边距设置为auto,宽度固定值,则会将外边距设置为相同的值。③ 如果将一个宽度和一个外边距设置为auto,则宽度会调整到最大,设置为auto的外边距会自动为0。如果这七个值中没有为 auto 的情况,则浏览器会自动调整margin-right值以使等式满足。原创 2023-10-13 12:06:24 · 82 阅读 · 0 评论 -
6. 文档流和盒模型
清晰条理地说明了盒子模型内容区、内边距、边框和外边距各自的含义和所含属性的设置方式原创 2023-10-13 11:11:36 · 65 阅读 · 0 评论 -
5.像素和百分比、em和rem、RGB和RGBA
em是相对于元素的字体大小来计算,rem相对于根元素的字体大小来计算。原创 2023-10-12 16:45:11 · 55 阅读 · 0 评论 -
4. 选择器的权重
选择器有权重,在给元素添加样式时,如果可以通过多个选择器来选择元素,那么这时要考虑到选择器的权重,内联样式的权重最大。原创 2023-10-12 15:38:08 · 136 阅读 · 0 评论 -
3.CSS样式继承
CSS样式可以被继承,但并不是所有的样式都会被继承,比如 背景相关的,布局相关等的这些样式都不会被继承。后代元素会继承父代元素的样式。原创 2023-10-12 10:48:59 · 1215 阅读 · 0 评论 -
2.CSS选择器
CSS的选择器大致分为五大类:常用选择器、复合选择器、关系选择器、属性选择器和伪类选择器,详细说明了每一大类选择器分别有哪些选择器。原创 2023-10-11 18:33:53 · 48 阅读 · 0 评论 -
1. CSS入门
CSS是层叠样式表(Cascading Style Sheets)的简称,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS有三种书写方式,外部样式表是最好的方式。原创 2023-10-11 10:02:49 · 49 阅读 · 0 评论 -
6. html引入内联框架、图片、音频和视频
本文主要介绍了音视频文件的引入和格式,提供了一种在html中写入音视频文件的最佳方式。原创 2023-10-10 22:47:45 · 278 阅读 · 1 评论 -
5.超链接
超链接(Hyperlink),通常简称为链接,链接使我们能够将我们的文档链接到任何其他文档(或其他资源),也可以链接到文档的指定部分,允许我们在网页上创建可点击的文本、图像或其他元素,以导航到其他网页、文件、位置或资源。原创 2023-10-10 11:59:09 · 131 阅读 · 1 评论 -
4.行内元素和块元素
行内元素不独占一行,块元素独占一行,一般块元素可以包含其他行内元素,行内元素不能包含块元素原创 2023-10-10 10:46:52 · 59 阅读 · 1 评论 -
3.HTML常用标签的语义和用法
一般情况下,HTML标签是由开始标签和结束标签组成的,常见的标签有段落p、标题h1、实体&xx; em、strong等。原创 2023-10-09 21:52:31 · 54 阅读 · 1 评论 -
2.认识并理解HTML
本文主要介绍了html的由来和组成,纯文本、富文本和超文本的不同点;html由博纳斯·李创建,主要分成五个部分,一个完整的html页面应该包含doctype、html 、head和body。。原创 2023-10-09 19:22:50 · 119 阅读 · 1 评论 -
1.学习前端前的必备知识:互联网、网络、DNS 客户端和服务端
本文介绍了网络、互联网和DNS的相关概念,互联网是怎么工作的,当我们在浏览器中输入一个网址并搜索时,客户端和服务端之间发生了什么样的联系。原创 2023-10-09 10:47:51 · 102 阅读 · 1 评论