- 博客(14)
- 收藏
- 关注
RSS订阅
原创 CSS入门｜元素选择器、类选择器和ID选择器
a:link, a:visited, a:hover, a:active,错误的顺序有时候会使得超链接的样式失效；用法：当我的元素存在父级元素时，我要改变自己本身的样式，可以不另加选择符，直接用包含选择器的方式解决。如div,p,h1,img,a,span,i,em,strong,b,ul,li,ol,li等。}鼠标悬停，即鼠标划过超链接时的状态；说明：有多个选择符应用相同的声明时，可以将选择符用“，”分隔的方式，合并为一组。表示超链接的初始和访问过后的状态一样，鼠标划过的状态和点击时的状态一样。
2024-02-04 19:05:52
2181
1
原创 JavaScript |API获取元素、修改元素文本及样式
元素.classList.toggle('类名')【切换类，有就删掉，没有就加上；note:可以有双属性,例如 div.className = 'nav box'元素.classList.remove('类名')【类名不加点，并且是字符串】元素.classList.add('类名') 【类名不加点，并且是字符串】2.对象.innerHTML 属性【能解析标签，更推荐】属性.className = 'active'2.通过类名className属性操作css。对象.style.样式属性 = 值。
2024-06-17 09:11:42
178
原创 前端入门｜块元素、行内元素与行内块元素
后面通常会跟着至少一个 <dd> 元素。<a> 标签（链接）会有蓝色的文本且没有下划线，<b> 和 <strong> 会显示为粗体，<em> 和 <i> 会显示为斜体，而 <span> 会有黄色背景。在一个描述列表中，<dt>通常是需要被描述的项目的名称。<em>: 强调（Emphasis）标签，标准的输出是斜体文本。-- 更多的术语（dt）和描述（dd） --><dd>- 术语1的描述或定义</dd><dd>- 术语2的描述或定义</dd><dt>术语1
2024-03-21 11:56:47
499
1
原创 CSS入门｜空余空间、换行和省略
text-overflow:ellipsis（省略号）;(如果用clip(裁剪），就没有三个点)nowrap 文本不换行，直到遇到<br/>标签【最常用】pre 预格式化文本-保留空格，tab,回车。pre-line 显示回车，不显示换行，空格。做出多的文本省略、显示三个点的效果——容器宽度:width:200px;White-space空余空间。pre-wrap 自然换行。
2024-03-21 11:52:30
307
1
原创 前端“切图仔”需要知道的PS常用基本功能
5.如果一个大盒模型里面两个小盒子，左边盒子float:left，右边盒子float:right，两个盒子之间自然会有缝隙。吸取颜色完成后，点击左下角的背景色，会右弹窗，在弹窗里面右#十六进制的颜色值可以让你复制。如果两个盒子都是float:left，那么它们会紧贴，没有缝隙。2.图片放大和缩小:ctrl＋＋,ctrl＋-，alt滚动。1.打开图片：图片右键Ps打开，或者Ps里文件-打开。弹窗---格式：仅限图像，切片-所有用户切片。选完后，想调整大小，可以右键-变换选区。视图里面找到标尺，把对勾勾上。
2024-03-14 11:32:13
432
原创 CSS入门｜CSS的背景属性和边框属性
background-attachment 背景图固定_用来做视差 scroll 滚动/fixed 固定（相对于浏览器窗口固定,到了图片相应的地盘才显示）background-repeat 背景图平铺:no-repeat/repeat/repeat-x/repeat-y。background-size 背景图大小 400px/100%/cover 覆盖完空间/contain 以图片为本。background-position 背景图定位 水平位置 垂直位置 可以给负值。left(不允许左边有浮动对象)
2024-03-14 11:22:45
382
原创 CSS入门｜CSS的文本属性和列表属性
顺序不能改变，必须同时指定font-size和font-family属性时才起作用。list-style-type 定义列表符合样式 disc实心圆/circle空心圆/square 实心方块/none去掉符号。list-style-image 将图片设置为列表符合样式 list-style-image:url();list-style-position 设置列表项标记的放置位置 outside/inside。font-weight 加粗 bolder 更粗/bold加粗/normal常规。
2024-03-14 11:17:07
455
原创 CSS入门｜内部样式表、外部样式表和行内样式
</style>里面，一般放在<head></head>里，做出区分。把CSS样式另外写成CSS文件，嵌入到html中，这样写就不用<style>
2024-02-01 18:02:32
1094
1
原创 转码笔记｜图片标签的路径
alt="图片不显示、加载失败后的提示信息"，width="200px", height="200px"/>③绝对路径（文件在硬盘上真正存在的路径，C盘子文件夹），限制多，很少使用，不推荐。../../，上一级的上一级。<img src="图片路径" title="鼠标悬停上去之后的提示信息"②./code.gif,"."当前路径，"/"当前路径下有一个图片路径。——输入img，回车键，出现<img src="" alt="">——如果只设置宽度或者高度，相应的图片会自动缩放，让图片不失真。
2024-01-31 18:39:06
513
1
原创 转码笔记｜HTML基本语法及特殊标签
标记 属性="属性值" 属性="属性值"></标记>占据的宽度正好是1个中文宽度，且基本上不受字体影响。3.向下复制快捷键：shift＋alt＋⬇。该空格占据宽度受【字体】影响，明显而强烈。5.默认的<hr>换行带有阴影，想要去除。放大缩小页面快捷键：ctrl＋鼠标滚轮。例如:<head></head>1.<常规标记> 也叫双标记。<标记 属性="属性值">标记也可以叫标签或元素。2.空标记，也叫单标记。align 对齐方式。
2024-01-30 11:19:18
479
原创 转码笔记｜VScode基本知识和Html标签
charset是字符集，表示该代码按什么标准进行编码。——爬虫：网页把你爬一遍，知道你的内容，让搜关键词时把有关系的东西优先关联出来。<strong></strong>（这个更推荐，突出文本，上一个只是显示加粗）UTF-8-Unicode 万国码字符编码 （可以解码地球上的各种语言）Auto rename tag——打标签出错时，可以成对修改。1.文本标题（h1-h6),文本标签自带加粗，独占一行。——裸奔好看、爬虫喜欢、方便维护。<em></em>（更推荐）2.段落文本<p></p>
2024-01-24 20:24:37
397
原创 转码前端，学习一个月
转行契机：听闻程序员行业卷，但奈何就是薪资高一些，遂决定转行前端，转行成功哪怕给9k，到手也有个7.2k，也是薪资翻倍。基本情况：25岁，本行翻译，薪资到手3.6k，穷的活不下去。今日学习进度：JavaScript 的事件。开始日期：2023.12.22。学习资料:B站的千峰教学。
2024-01-24 08:35:01
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人