随笔分类 -  1 前端

摘要:在页面布局中,元素水平垂直居中的方法有很多,这里就列举3个简单,用的比较多的方法吧。 情况一、已知元素的宽高 1 <style> 2 .center { 3 width: 200px; 4 height: 200px; 5 Courier New", serif; font-size: inheri 阅读全文
posted @ 2024-02-29 11:46 W(王甜甜) 阅读(13) 评论(0) 推荐(0)
摘要:作为一个开发小白,也是第一次编写博客文章,若有错误请各位大牛大佬指正,轻喷!!! 我在学校接触最多的就是前端,然后最近在学习新的前端知识,发现前端布局常见的有很多种,不同的应用场景有不同的布局方式,下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性(flex)布局 阅读全文
posted @ 2024-02-29 11:45 W(王甜甜) 阅读(1096) 评论(0) 推荐(0)
摘要:盒模型 宽度:width 高度:height 边框:border 圆角:border-radius 外边距:margin 内边距:padding 阴影效果:box-shadow 背景:background 背景颜色:background-color 背景图片:background-image 背景位 阅读全文
posted @ 2024-02-29 11:42 W(王甜甜) 阅读(57) 评论(0) 推荐(0)
摘要:CSS3引入了很多新特性,比如: 1. 选择器:CSS3引入了新的选择器,如伪类选择器、伪元素选择器等,使得选择元素更加灵活和精确。 2. 边框圆角:CSS3允许通过 border-radius 属性为元素的边框添加圆角,创建圆形、椭圆形或具有不同角度的矩形边框。 3. 盒阴影:使用 box-sha 阅读全文
posted @ 2024-02-29 11:39 W(王甜甜) 阅读(309) 评论(0) 推荐(0)
摘要:让我们逐步解释每个部分的作用: <!DOCTYPE html>:这是HTML5的文档类型声明,用于指示文档使用HTML5规范解析。 <html>:<html>标签是HTML文档的根元素,它包含了整个HTML文档的内容。 <head>:<head>标签定义了文档的头部,其中包含了关于文档的元数据和引用 阅读全文
posted @ 2024-02-29 11:36 W(王甜甜) 阅读(87) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2024-02-29 11:19 W(王甜甜) 阅读(13) 评论(0) 推荐(0)
摘要:一、行内元素 1.不独占一行,高宽由内容撑开2.无法设置width和height3.margin(单用无效,配合别的标签可以有效,下面案例中有解释)/padding的上下无效,但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 1.不独占一行 阅读全文
posted @ 2024-02-29 11:11 W(王甜甜) 阅读(54) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/qy-blog/p/17896457.html static:静态定位(默认)。依据文档流定位。 relative:相对定位。以自身为基准,设置坐标(left、top、right、bottom),不脱离文档流。 absolute:绝对定位。以父元素为基 阅读全文
posted @ 2024-02-29 11:07 W(王甜甜) 阅读(17) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/mvc/advanced/app-parts?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:35 W(王甜甜) 阅读(6) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/tag-helpers/built-in/?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:34 W(王甜甜) 阅读(7) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/razor-pages/ui-class?view=aspnetcore-8.0&tabs=visual-studio 阅读全文
posted @ 2024-02-06 10:34 W(王甜甜) 阅读(24) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/razor?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:33 W(王甜甜) 阅读(22) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/mvc/views/layout?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:33 W(王甜甜) 阅读(12) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/fundamentals/app-state?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:32 W(王甜甜) 阅读(15) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/advanced-scenarios?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:30 W(王甜甜) 阅读(14) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/http-caching-issues?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:29 W(王甜甜) 阅读(43) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/blazor-ef-core?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:29 W(王甜甜) 阅读(13) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/host-and-deploy/?view=aspnetcore-8.0&tabs=visual-studio 阅读全文
posted @ 2024-02-06 10:28 W(王甜甜) 阅读(29) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/progressive-web-app?view=aspnetcore-8.0&tabs=visual-studio 阅读全文
posted @ 2024-02-06 10:28 W(王甜甜) 阅读(29) 评论(0) 推荐(0)
摘要:https://learn.microsoft.com/zh-cn/aspnet/core/blazor/test?view=aspnetcore-8.0 阅读全文
posted @ 2024-02-06 10:27 W(王甜甜) 阅读(12) 评论(0) 推荐(0)