前端入门知识整理
文章平均质量分 89
入门级别的前端知识整理,涉及HTML,CSS,JavaScript等方面,主要面向初学者,错漏之处欢迎指正。卑微地求赞求粉求打赏~
_老杨_
程序猿老杨头
展开
-
HTML概览
1、HTML是什么HTML(英语:HypertextMarkupLanguage,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。不能算作编程语言。通常我们打开浏览器输入一个网站的网址点击回车,浏览器就会向对应的地址发起网络请求,返回的内容就会包含该网站的网页文件以及一些其他的关联脚本文件和资源文件。浏览器通过解析网页文件将网站内容呈现给我们。通常的网页文件命名后缀也是 .html,比如常用的网站首页的文件通常命名为 inde...原创 2021-11-13 16:45:08 · 113 阅读 · 0 评论 -
CSS概览
1、什么是CSSCSS (Cascading Style Sheets 层叠样式表)用于给网页内容加样式,比如改变标题和链接的颜色及大小,它也可用于创建布局,比如将一个单列文本变成包含主要内容区域和存放相关信息的侧边栏区域的布局。它甚至还可以用来做一些特效,比如动画。2、内联样式内联样式表存在于HTML元素的style属性之中。其特点是每个CSS表只影响一个元素:<pstyle="color:black;font-size:16px;">...原创 2021-11-13 17:16:43 · 218 阅读 · 0 评论 -
HTML元素分类
HTML页面由各种元素组合而成,按照元素不同的表现行为可分为块级元素、行内元素以及行块级元素。1、块级元素块级元素具有以下特点:元素会在内联的方向上扩展并占据父容器在该方向上的所有可用空间,在大部分情况下意味着该元素会和父容器一样宽。每个元素都会在新的一行开始布局,呈现换行效果。元素的width和height属性可以生效内边距(padding), 外边距(margin) 和 边框(bord...原创 2021-11-14 12:27:37 · 1382 阅读 · 0 评论 -
CSS选择器
CSS中,选择器用来指定网页上我们想要样式化的HTML元素,CSS选择器提供了很多种方法,使得选择要样式化的元素时,可以做到很精细的地步。CSS选择器是CSS规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当应用规则中的CSS属性值的方式。在代码中是指 { } 前面的部分。1、选择器列表如果你有多个使用相同样式的CSS选择器,那么这些单独的选择器可以通过 “,” 作为连接符,合并为一个“选择器列表”,样式规则就可以应用到所有的...原创 2021-11-14 19:03:38 · 645 阅读 · 0 评论 -
元素尺寸设置
对网页样式的设置一个基本的需求就是对各元素的尺寸进行设置,设置元素的宽度和高度。CSS提供了width属性和 height 属性分别进行宽度和高度的设置。宽度和高度的值可以设置为确定的数值,也可以设置为百分比的形式,还可以使用calc()设置计算值。1、数值设定通过使用确定的数值加上单位的形式进行设置:<html><head><metacharset="utf-8"><...原创 2021-11-15 21:50:47 · 1716 阅读 · 0 评论 -
元素边框和边距设置
边距和边框设置是网页排版布局中的常用设置。边距分为外边距和内边距。CSS 盒模型的尺寸构成如下图所示: 一个盒模型占用的尺寸从内到外分别是宽度和高度(width,height,上图100x60部分)、内边距(padding上图10表示的部分)、边框(border上图20表示的部分)、外边距(margin上图30表示的部分)。1、外边距marginmargin属性为给定元素设置所有四个(上下左右)方向的外边距属性。也就是margi...原创 2021-11-22 23:31:58 · 2916 阅读 · 0 评论