自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 less基础知识点

1. 变量:在Less中,我们可以使用@符号定义变量,然后在样式表中的任何位置引用它们。9. 插值:Less支持插值,我们可以使用@{variable}或#{string}来插入变量或字符串的值到选择器、属性或值中。6. 导入:我们可以使用@import指令导入其他的Less文件,这使得我们可以将样式表分解成多个小文件,以便于管理和重用。10. 作用域:在Less中,我们可以使用{}来创建一个新的嵌套作用域,这可以帮助我们避免命名冲突。

2024-02-26 19:13:50 159 1

原创 网页布局的本质

网页布局的本质是组织和呈现网页上的内容,以便用户可以高效、直观地浏览和交互。总结来说,网页布局的本质在于通过合理的设计和技术手段,将内容组织成易于消费和交互的形式。这要求设计师和开发者不仅要掌握丰富的技术知识,还要具备良好的审美观、用户体验意识以及持续优化的精神。CSS提供了多种定位机制,包括静态定位(static)、相对定位(relative)、绝对定位(absolute)和固定定位(fixed)。CSS网格布局提供了一个二维的布局系统,允许创建复杂的设计和对齐方式。它是现代响应式设计的重要工具。

2024-02-07 22:43:47 260 1

原创 flex布局,rem基础知识点总结

2.`justify-content`:定义项目在主轴上的对齐方式,如`flex-start`、`flex-end`、`center`、`space-between`和`space-around`等。1.`flex-direction`:定义项目的主轴排列方向,可以是`row`(默认,水平排列)、`column`(垂直排列)、`row-reverse`或`column-reverse`。2.`flex-grow`:定义项目的放大比例,当有剩余空间时,项目将根据自身的`flex-grow`值进行放大。

2024-02-05 03:15:00 661 1

原创 2D转换,动画,转化

CSS3中的2D转换和动画是现代网页设计中非常重要的技术,它们可以让网页元素以更加生动、动态的方式展示在用户面前。总结:CSS3中的2D转换和动画为网页设计提供了强大的功能,可以轻松实现各种动态效果。使用`transform: rotate()`可以实现元素的旋转效果。使用`transform: translate()`可以实现元素的平移效果。使用`transform: scale()`可以实现元素的缩放效果。使用`transform: skew()`可以实现元素的倾斜效果。1. 旋转(rotate)

2024-02-04 22:33:04 251

原创 CSS前段部分知识点归纳总结

类选择器选择具有相同类名的元素,以`.classname {...}`的形式,如`.highlight {...}`选择所有具有`class="highlight"`的元素。- ID选择器选择具有相同ID的元素,以`#idname {...}`的形式,如`#header {...}`选择具有`id="header"`的元素。- 后代选择器选择某个元素的后代元素,用空格分隔,如`div p {...}`选择所有`<div>`元素内的`<p>`元素。- `border`属性设置边框的宽度、样式和颜色。

2024-01-19 21:32:23 656

原创 HTML知识点归纳总结

`<a>`标签用于创建链接,可以通过`href`属性指定链接的目标地址。- `<img>`标签用于插入图像,可以通过`src`属性指定图像的路径。- `<select>`和`<option>`标签用于创建下拉列表。- `<del>`和`<ins>`标签用于表示删除和插入的文本。- `<h1>`到`<h6>`标签用于定义不同级别的标题。- `<ul>`和`<ol>`标签用于创建无序和有序列表。- `<strong>`和`<em>`标签用于强调文本。- `<td>`和`<th>`标签用于定义表格单元格。

2024-01-19 21:29:29 545

空空如也

空空如也

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

TA关注的人

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