- 博客(23)
- 收藏
- 关注
RSS订阅
原创 温馨提示：pc端的朋友在阅览博客时，可以把浏览器的缩放比例调整到110%。
我刚刚发现，谷歌浏览器在缩放比例为100%的时候，我的部分博客图片非常模糊，要看图只能点击放大，很不方便。这个问题主要是因为我上传的图片是经过压缩的，本身清晰度有限。然后又因为csdn这个网页布局的右边在默认缩放比例情况下会显示一个专栏窗口，挤压了正文部分放图片的空间，就导致了这个图片模糊的问题。请pc端的朋友在阅览博客时，把浏览器的缩放比例调整到110% ，即可解决这个问题。感谢您的阅读！快捷键ctrl+鼠标滑轮，即可快速调整缩放比例！...
2021-01-01 10:57:04
541
2
原创 一切的开始
自我介绍朋友们好，这里是小鹿的第一篇博客。写这篇博客的时候是大学一年级，我大学专业是数据科学，现在自学前端web开发技术，属于萌新菜鸟级别(｡･ω･｡)ﾉ♡为了更好地学习，今后我打算在CSDN论坛上，不定时地发布有关于前端web开发的学习笔记。欢迎大家在我的博客下发表意见、交流、吐槽 。...
2020-12-13 00:12:00
52
原创 No.21 BFC
在 W3C 的 css 2.1规范中,提出了一个概念-------格式化上下文(formatting context) , 它是页面中的一块渲染区域,并且有一套渲染规则,决定了其子元素将如何定位,以及和其他元素的关系和相互作用。 而 BFC (块级 格式化上下文) , 它属于"格式化上下文"的其中一种。具有BFC特性的元素可以看作是隔离了的独立容器,容器里的元素不会在布局上 影响到外面的元素,而外面的元素也不会影响到里面的元素。触发BFC的条件 (达成以下一个即可触发) :1.float值为"no
2021-02-05 08:29:41
128
原创 NO.20 HTML 5 新页面结构元素
在html 5中添加了新的页面结构元素,它们具有强烈的语义化,为开发者带来了便利。描述1.<header>定义文档的页眉(或文本部分区域的页眉),应作为介绍内容或导航链接栏的容器。 在一个文档中,可以定义多个<header>,但它不能作为<adress> <footer> <header>的子元素。2.<nav>描述一个含有多个超链接的区域,该区域包括链接到各种页面的链接列表。一个文档中可定义多个<nav>。
2021-02-04 20:50:10
204
2
原创 NO.19 video标签 与 audio标签
在HTML中<video>用于定义一段视频。<audio>用于定义一段音频。<video>格式语法: 一: <video src="值"> </video> 二: <video > <source src="值"> <source src="值"&g
2021-02-03 20:56:54
1087
原创 No.18 map标签 与 area标签
在HTML中，<map>的作用是定义一个客户端"图像映射"。 "图像映射"指带有可点击区域的一幅图像。<area>用于定义可点击区域的形状、大小以及路径。<map>一般需要与<img src="值" usemap="#值">配合使用，src属性负责为<map>提供作用对象; <map>依靠usemap属性来寻找和引用<img>。格式语法: <img src="值" usemap="#值"&g
2021-01-10 22:46:13
390
原创 No.17 pre标签 与 code标签
pre标签、特性pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。<pre>的基本作用效果：1.pre标签中文本的空格和换行符会被保留，然后在浏览器中被解析显示出来。 2.文本会呈现出等宽字体的效果。如果您希望使用 <pre> 标签来定义计算机源代码，比如 HTML 源代码，那么就需要使用符号
2021-01-05 11:01:31
3123
原创 No.16 br标签 和 wbr标签
在html源码中对内容进行编辑，如果直接采用回车换行，那么浏览器解析出来的效果可能只是一个空格，或者直接被浏览器忽略掉。要想在浏览器页面中显示出换行效果，正确的方法是使用 <br>、<wbr>进行换行操作。格式语法： 直接把<br>、<wbr>插入指定的内容位置。特性、图解：1.<br>没有结束标签，它是一个单标签。连续的多个<br>会被重复执行，也就是说，在同一个位置插入多个<br>,就会空出对应数
2021-01-04 10:40:05
590
原创 No.15 iframe标签及其部分属性
iframe标签可以实现 HTML主页面 嵌套 HTML子页面。格式语法： <iframe src="值" 属性=“值” > </iframe> css选择器{width: 值; height: 值;}iframe标签 基本属性 、 图示：1.src：引入页面的地址，可以是网址域名，也可以是图片地址。2.width、height： 宽度与高度。3. frameborder： 定义<iframe>是否需要边框，取值为
2021-01-03 09:56:16
728
原创 NO.14 b标签 与 i标签
在HTML中，<b>、<i>的作用是对文本文字进行加粗、倾斜。<b>、<i>与<strong>、<em>在浏览器页面中的显示效果是一样的，它们之间的区别在于<b>、<i>不具有“语义化”，而<strong>、<em>都具有语义化。...
2021-01-02 08:59:23
528
原创 No.13 css添加圆角效果
在HTML中，为容器（例如一个盒子）添加css圆角样式，容器的四个角在外观上就变成了弧形。圆角实际上是一个与盒子两边相切的圆的一部分（如下图），所以圆的半径变化，控制着盒子上圆角的弧度与长度。border——radius属性的值表示圆的半径。格式语法、图解：1. css选择器 {border——radius:值 ；}只设置一个值时，为容器的四角都添加同一弧度的圆角。2. css选择器 {border——radius: 值 值；}设置两个值时，第一个值对应的是容器的左
2021-01-01 10:35:09
508
原创 No.12 css添加文段省略号效果
在html中，为一个容器设置宽高后，容器内的内容如果过多，那么内容就会溢出容器；或者，有时候我们不希望容器占据那么大的位置，又想让别人知道容器的内容没有结束，那么就可以通过修改css来达成这个效果，解决问题。格式语法： css选择器 {width:值; white-space:nowrap; overflow:hidden;
2020-12-31 16:55:22
90
原创 No.11 position定位 之 fixed固定定位
在css中，使用position（定位），它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素、甚至是浏览器窗口本身的位置。本篇介绍： fixed（固定定位）fixed定位元素相对于浏览器窗口进行偏移，即定位基点是浏览器窗口。不管窗口如何滚动，它的位置始终不变。fixed搭配定位偏移量top、bottom、left、right一起使用，改变固定定位元素的初始位置，否则初始位置就是该元素在文档中的默认位置。格式语法： css选择器 {position：fixed;
2020-12-30 20:41:12
4707
1
原创 No.10 position定位 之 absolute绝对定位
在css中，使用position（定位），它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素、甚至是浏览器窗口本身的位置。本篇介绍：absolute（绝对定位）概念 ： 绝对定位的元素，选取最近的已定位祖先元素，相对它的位置进行定位。格式语法： css选择器 {position：absolute; left（这里指偏移属性，即top、left等属性）: 值 ;}特性、图解：1.使元素完全脱离文档流。2.使内联元素支持宽高。3.使块元素默认宽根据内容决定。
2020-12-29 19:47:29
626
原创 No.9 position定位 之 relative相对定位
在css中，使用position（定位），它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素、甚至是浏览器窗口本身的位置。本篇介绍：relative（相对定位）概念：相对定位元素不可层叠，依据left、right、top、bottom等属性在正常文档流中偏移自身位置。格式语法： css选择器{position：relative; left（这里指偏移属性，即top、left等属性）: 值 ;}特性、图解：1.如果没有定位偏移量，只设置相对定位，对元素本
2020-12-27 15:18:26
541
原创 NO.8 文档流
文档流文档流是文档中可显示对象在排列时所占用的位置，网页中的内容元素布局过程中，内容元素会自动地从左到右，从上到下地“瀑布式”排列。
2020-12-26 18:49:13
60
原创 NO.7 css reset（css清除默认样式）
css reset 的概念在HTML中，部分标签在浏览器中有默认的样式（属性值），有时候这些默认样式会对我们的开发布局造成麻烦，而且在不同的浏览器上默认样式的属性也不一定是相同的，会产生兼容性问题。在HTML开头，清除全局默认样式，就叫css reset。通过这种方法来解决、避免上述问题。一些简单的css reset： *{ margin：0 ; padding：0 ;} ul{list-style:none ;} a{text-decoration:no
2020-12-25 16:20:45
239
原创 NO.6 html容器的最大最小宽高设定，以及百分比宽高 （部分）
在HTML中，min与max属性 可以为容器设定最大、最小宽高。格式语法： css选择器{ min-width:"值"；max-width:"值"； min-height:"值"；max-height:"值"； } 当设定了最大最小宽高值后，容器的大小会随内容的改变而自适应（在设定的值范围内），尽量避免内容溢出容器。图解：在这里插入图片描述在HTML中，为容器的宽高属性赋“百分比”的值时，是根据
2020-12-24 20:51:55
1492
1
原创 NO.5 通过css设置元素透明度
在css中，可通过两种方法设置元素在浏览器页面中显示的不透明度。1.设置属性opacity 。2.设置元素属性的子属性 “rgba” 。格式语法：1. css选择器 {opacity:值；} 2. css选择器 {某项属性：rgba（值，值，值，值）；} （前3个值分别为颜色r、g、b的值，最后一个值决定不透明度的级别）图解：1.无设置任何透明度效果时2.设置属性opacity3.设置元素属性的子属性 “rgba”...
2020-12-23 22:04:32
201
原创 NO.4 css overflow溢出隐藏
######当一个块级元素（容器）的内容在垂直方向发生溢出时，可以用overflow属性来处理。语法格式：选择器{overflow：值} 或选择器{overflow-x：值}选择器{overflow-y：值}overflow有三种可取值：1.hidden：把溢出容器的内容直接清除。2.scroll：在内容显示区域产生滚动条，无论区域内容是否溢出。3.auto：当内容溢出时，才会产生滚动条，反之则不会产生滚动条。（此属性只被部分浏览器支持。）图解：未设置overflow属性时1
2020-12-22 21:29:13
308
原创 NO.3标签嵌套规范（粗略版）
1.块标签能嵌套内联标签，不一定能嵌套块标签（例如<p>）。2.内联标签不能嵌套块标签（a标签除外）。3.文字类块标签不可以嵌套块标签（例如<p>）。4.内联标签可以嵌套内联标签。...
2020-12-22 18:19:54
87
原创 NO.2 按“显示”方式划分HTMl标签
在HTML中，按浏览器的显示方式可将标签分类为：1.替换元素2.非替换元素含义、区别：1.替换元素：浏览器根据元素的标签和属性，来决定具体的显示内容。2.非替换元素：将内容直接告诉浏览器，让其输入输出。例如，使用替换元素<img> ，若不为其中的src属性赋上具体的值，浏览器会直接无视这个<img>。而<div>这种非替换元素，不需要添加额外的属性就能进行加载运行,在浏览器页面中可视化。图解：...
2020-12-21 18:12:42
76
原创 NO.1: 按“类型”划分HTML标签，以及标签的部分特性
NO.1: 划分HTML标签类型，以及标签的部分特性常见标签：块级元素（block）：<div> <p> <H1> ~<H6> <ol> <ul> <li> <dl> <table> <form>... 行内元素（inline）：<a> <span> <b
2020-12-20 16:17:54
205
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人