- 博客(238)
- 收藏
- 关注
RSS订阅原创 SVG-简介
由于是矢量性质，矢量图形是使用数学公式来描述图形，而不是像素，因此不会失去图像质量，SVG图形会根据数学公式重新计算并重新绘制，而不是简单地拉伸像素，所以使图形可以适应各种屏幕尺寸，而且在任何缩放级别下都保持清晰度。SVG的好处在于它们可以在不失真的情况下进行无限缩放，适应各种不同大小的屏幕和设备。实质是矢量性质，以矢量形式表示图形，而不是使用像素。
2024-01-05 22:48:46
404
原创 CSS-水平导航栏
重要！前言必读！要注意水平导航栏要把元素设置为行内元素，表现块级元素，也就是使用（display: inline-block）属性，此属性的作用是让元素显示为行内元素,元素表现为块级元素，行内元素是指将元素只显示在同一行，表现为块级元素是指将元素显示为一块一块。
2023-12-27 15:06:04
399
原创 CSS-垂直导航栏
要注意垂直导航栏要把元素设置为块元素，也就是使用（display: block）属性，此属性的作用是让元素设置为块级元素，使其垂直排列，让每个导航栏项独占一整行。
2023-12-27 14:36:07
412
原创 CSS-透明度
重要！前言必读！本章节主要学习的是css的透明度，css透明度的属性是opacity，opacity取值范围是：0.0~1.0，值越低，越透明,透明度可以设置背景不透明度、文本透明度、按钮悬停效果、图像透明度。背景不透明度注意！背景不透明度是指可以通过使用css颜色值来指定背景的不透明度，也就是设置背景颜色的不透明度，要注意背景颜色是使用:background-color。代码图效果图文本透明度注意！文本透明度是指可以通过使用css颜色值来指定文本的透明度，也就
2023-12-25 20:56:15
384
原创 CSS-伪类
hover是伪类中的基本选择器的一种,也是锚伪类的一种，它的效果是当用户的鼠标悬停时应用样式，通常要配合链接伪类一起使用，锚伪类也就是所谓的带有 href 属性的链接元素。相关的伪类，锚伪类（:link、:visited、:hover、:active）常用于超链接(a)。，在链接中是按下状态时显示效果或按下按钮时显示效果，要注意这里的按下是鼠标长按，这里演示按钮。是伪类中的基本选择器的一种,也是锚伪类的一种，它的效果是。
2023-12-22 21:11:15
390
原创 CSS-对齐
position：absolute是一种用于设置元素定位的属性，position常见的值有static、relative、absolute、fixed、sticky，详细请去css-定位那章节学习，本次只讲解使用position：absolute使元素对齐，absolute是元素相对于其最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于初始包含块进行定位（通常是浏览器窗口）。此对齐的代码并不是对齐，而是使用某一个属性和属性的值可以使用元素达到对齐的效果而已。
2023-12-21 20:06:30
1934
原创 CSS-盒模型
重要！前言必读！本章节主要学习的是css的盒模型，css盒模型是通过使用属性box-sizing来实现的，其主要作用是定义元素的盒模型，算是比较重要的内容，有2个值：分别是border-box和content-box。盒模型：box-sizing注意！box-sizing主要用于定义盒模型，即在计算元素的宽度和高度时，应该包含哪些部分，这个属性的作用在于影响了盒模型的计算方式。box-sizing：content-box（默认，素的宽度和高度仅包括内容区域，不包括内边距、边框和外边
2023-12-18 18:21:45
349
原创 CSS-清除浮动
clear：inherit是继承父元素clear值，也就是父元素是什么清除浮动，子元素就是什么清除浮动，要注意是元素之间的关系父子关系才行，包含关系。
2023-12-17 19:28:34
442
原创 CSS-溢出
重要！前言必读！本章节主要学习的是css的溢出，css溢出（overflow）css溢出有5个值：visible、hidden、scroll、auto、inherit以及控制水平方向和垂直方向的内容溢出时的处理方式（overflow-x 和 overflow-y）。溢出：overflow注意！overflow是溢出。是指的是当一个元素的内容超过了其容器的边界时所发生的情况，也就是溢出的部分是否会被裁剪，裁剪后的内容是否可见，裁剪后的内容是否可以通过滚动条来查看剩余的内容，要注意默认的溢
2023-12-14 14:03:18
403
原创 CSS-字体
重要！前言必读！本章节主要学习的是css的字体，css字体（font），css字体分类有：字体类型（font-family）、字体样式（font-style）、字体粗细（font-weight）、字体变体（font-variant）、字体大小（font-size）。字体类型：font-family注意！font-family是用于定义文本字体的类型，要注意使用多个字体时要使用逗号（,）隔开，使用多个字体时的顺序是从左到右的，也就是字体默认使用你使用的第一个字体，如果第一个字体不可以用，
2023-12-12 18:39:43
359
原创 CSS-轮廓偏移
重要！前言必读！本章节主要学习的是css的轮廓偏移，css轮廓偏移（outline-offset）。轮廓偏移：outline-offset注意！outline-offset是 CSS 中用于设置轮廓边框与其相邻边框（通常是边框或边框影响框）之间的空间的属性。它主要用于调整轮廓边框的位置，而不影响元素自身的大小或布局，区分边框和轮廓哪个在外，哪个在内，请使用此属性验证。代码图效果图
2023-12-07 18:05:16
383
原创 CSS-宽度
重要！前言必读！本章节主要学习的是css的宽度，css宽度（width）以及最大宽度（max-width）和最小宽度（min-width），宽度自动（width：auto）。宽度：width注意！height是指用于定义HTML元素高度的属性，通常用于设置元素或图像等元素的高度，高度的值有：px（像素）、百分比（%）、视窗高度（vh），记住px和百分比即可，px最常用。代码图效果图最大宽度：max-width注意！max-width是CSS中的一个属性，用于设置
2023-12-07 17:12:18
460
原创 CSS-高度
max-height是CSS中的一个属性，用于设置元素的最大高度，该属性定义了元素在垂直方向上能够达到的最大高度值，如果元素的实际高度超过了这个设定的最大高度，浏览器会自动截断内容或者采取其他指定的处理方式。
2023-12-05 15:38:44
476
原创 CSS-内边距
重要！前言必读！本章节主要学习的是css的内边距，css内边距（padding）和内边距单独的边，要知道内边距是哪一部分，注意看图，注意看图，注意看图，内边距指定是里面的部分就叫内边距。内边距：padding注意！padding是指元素内部边缘和元素内容之间的空间，也就是元素内容与元素边框之间的距离，外边距值的单位有：pt（像素）、pt、cm、em、thin、medium、thick，记住px即可，px最常用。代码图效果图内边距单独的边注意！内边距单独的边是
2023-12-05 14:59:49
367
原创 CSS-外边距合并
外边距合并通常发生在父子元素之间或兄弟元素之间，也就是两个垂直的外边距相遇它们将形成一个外边距，合并后的外边距的高度等于两个发生合并的外边距的高度中的最大值。相邻兄弟元素： 如果两个相邻的兄弟元素的外边距都是正数，它们之间的外边距将合并为两者中的较大值，如果其中一个是负数，而另一个是正数，那么它们会相加。父子元素： 如果父元素的外边距和子元素的外边距相邻，它们之间的外边距会合并，合并后的外边距取两者中的较大值。
2023-12-05 14:43:48
365
原创 CSS-外边距
margin：auto用于水平居中块级元素，设置此属性浏览器会自动计算并分配相等的外边距值，从而使元素在其包含块（父元素）中水平居中。外边距单独的边是指外边距单独的边，也就是该元素的某一条边，用于指定具有与其他边不同的外边距，分别是上右下左。
2023-12-04 18:35:28
350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人