![](https://img-blog.csdnimg.cn/direct/9fe7a692133540e2b599c1cd8f8e8435.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端基础
文章平均质量分 84
前端语言基础内容学习
怡晗★
有在努力的小coder
展开
-
CSS中的圆角和阴影
在 CSS3 中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。(必需值)水平阴影(horizontal shadow),可以为负值。(必需值)水平阴影(horizontal shadow),可以为负值。(必需值)垂直阴影(vertical shadow),可以为负值。(必需值)垂直阴影(vertical shadow),可以为负值。(可选值)将外(盒子的背面)阴影改为内(盒子之上)阴影。CSS3 中新增了盒子阴影,可以使用。属性为盒子添加阴影。(可选值)阴影模糊程度。(可选值)阴影模糊程度。原创 2024-04-21 10:40:16 · 1787 阅读 · 0 评论 -
CSS中的盒子模型
在网页布局时,主要关注的就是如何利用CSS摆放盒子先准备好相关的网页元素,网页元素基本都是盒子利用 CSS 设置好盒子样式,然后摆放到相应位置往盒子里面装内容。原创 2024-04-19 22:40:29 · 1582 阅读 · 0 评论 -
CSS的三大特性
标签选择器中设置了字体颜色和字体系列,所以字体颜色会以第二个选择器中的为主,但是字体系列不会被覆盖,因为第一个选择器中没有字体系列属性。当为相同选择器设置相同类型的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。子标签会继承父标签的某些样式,如文本颜色和字号。恰当地使用继承可以简化代码,可以降低 CSS 样式的复杂性。权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重,计算方式即为对应为相加不进位。对于有多种样式的情况下,则只会覆盖相同的样式,不会影响没有重复的样式,例如下面的代码。原创 2024-04-19 09:44:21 · 1222 阅读 · 0 评论 -
CSS背景设置
通过 CSS 背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。原创 2024-04-18 20:23:42 · 816 阅读 · 0 评论 -
CSS显示模式
元素显示模式就是元素(标签)以什么方式进行显示,比如自己占一行,比如一行可以放多个。当网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局网页。原创 2024-04-18 15:26:45 · 1044 阅读 · 0 评论 -
CSS复合选择器
后代选择器又称为包含选择器,可以选择父元素里面子元素。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,可以更准确、更高效的选择目标元素(标签)伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。(逗号可以理解为和的意思)连接而成,任何形式的选择器都可以作为并集选择器的一部分。并集选择器可以选择多组标签, 同时为他们定义相同的样式,通常用于集体声明。不同于后代选择器,子选择器只会选择其直接后代,而不会选择间接的后代。伪类选择器用于选取获得焦点的表单元素。原创 2024-04-18 10:40:21 · 1088 阅读 · 0 评论 -
Emmet表达式
Emmet语法的前身是Zen coding,它使用缩写,来提高HTML的编写速度,VScode内部已经集成该语法。原创 2024-04-18 09:04:59 · 368 阅读 · 0 评论 -
CSS文本属性与字体属性
对于占用一整行的标签来说,其区域相当于一个盒子,而文本对齐属性实际改变的是文字在盒子中的位置,但是并不改变盒子本身的大小,对于只占用当前位置的标签来说,居中对齐效果需要。属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开 不需要设置的属性可以省略(浏览器取默认值),但必须保留。) 1 个文字的大小, 如果当前元素没有设置大小,则会按照父元素的 1 个文字大小。在CSS中,一共有100-900九个值,400等同于。一般考虑将粗体改为非粗体,例如将粗体的标题改为非粗体。原创 2024-04-17 20:19:25 · 804 阅读 · 0 评论 -
CSS简介与CSS选择器
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言,CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。原创 2024-04-17 11:13:27 · 1018 阅读 · 0 评论 -
HTML表格标签、列表标签和表单标签
</dl>标签用于定义描述列表(或定义列表),该标签会与<dt></dt>(定义项目/名字)和<dd></dd>(描述每一个项目/名字)一起使用。<dl>-- 列表名称 --><dt></dt>-- 列表描述 --><dd></dd><title>自定义列表</title>列表名称原创 2024-04-16 19:32:53 · 711 阅读 · 0 评论 -
HTML图片标签和超链接标签
在HTML中,在两个超链接标签中可以使用文本作为显示超链接的载体(即点击文本跳转),也可以使用图片作为超链接的载体(即点击照片跳转),如果不加文本也不加其他内容,则不显示超链接。在HTML中,当图片因某种错误(一般是图片路径出错)导致无法被解析时,可以使用替换文本属性alt用文本代替于错误图片的位置显示在网页上。属性可以指定跳转的形式,包括在当前页面查看超链接和创建新页面查看超链接。在HTML中,当需要修改图片的宽度和高度时,可以使用到。在中,需要为图片添加边框时,可以使用。原创 2024-04-16 19:26:54 · 817 阅读 · 0 评论 -
HTML中div/span标签、音频标签、视频标签与特殊字符
在 HTML 页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。是没有语义的,可以将两个标签当做两个盒子,里面可以容纳内容。标签用来布局,但是现在一行只能放一个。在HTML中,音频标签有下面的三个属性。标签用来布局,一行上可以多个。注意每一个字符代码末尾都需要分号。在HTML中,可以使用。标签为网页添加音频元素。在HTML中,可以使用。标签为网页添加视频元素。其余字符代码使用类似。原创 2024-04-16 19:23:58 · 573 阅读 · 1 评论 -
HTML段落标签、换行标签、文本格式化标签与水平线标签
在四个格式化标签中虽然每一类的第一个标签和第二个标签实现的效果相同,但是为了更加强调文本效果,提高代码可读性,推荐用第一种标签。在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在 HTML 标签中,在HTML中,可以使用下面的标签实现对应的属性,并且这些标签可以嵌套使用。标签用于定义段落,它可以将整个网页分为若干个段落。标签可以在网页上实现水平分割线的效果。注意,水平分割线标签为单标签。为文本分段可以使用段落标签。包裹需要放在一段的文字。标签表示换行,也可以用。在HTML中,常见用。原创 2024-04-16 19:19:57 · 1117 阅读 · 0 评论 -
HTML注释标签与标题标签
如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。注释不会显示在网页界面上,目的是提高代码的可读性。在浏览器开发工具中查看源代码时可以看到注释,下面是在Edge浏览器中的显示。在浏览器中需要查看代码注释可以使用开发者工具查看源代码看到注释内容。在HTML中有6个标题标签,从h1~h6,数字越大,则字体越小。在HTML中,一个标题标签包裹的内容独占一行。原创 2024-04-16 19:18:38 · 145 阅读 · 0 评论 -
HTML语言及标签基本介绍
HTML 指的是超文本标记语言 (Hyper Text Markup Language) ,它是用来描述网页的一种语言HTML 不是一种编程语言,而是一种标记语言 (markup language)📌标记语言是一套标记标签 (markup tag)原创 2024-04-16 19:15:51 · 250 阅读 · 0 评论 -
网页基本结构
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。原创 2024-04-16 19:14:10 · 381 阅读 · 0 评论