合集-前端

摘要:目录前端需要学习的知识生成的网页类型静态网页动态网页网页的架构c/s架构b/s架构浏览器的特别用法第一种结合python来使用第二种将文件拖入浏览器里面(这就符合渲染了)重点HTML首先!DOCTYPE html其次就是html到/html还有就是head到/head的内部最后就是body到/bod 阅读全文
posted @ 2023-11-05 18:52 scxlzb 阅读(33) 评论(0) 推荐(0) 编辑
摘要:目录标题、段落、a标签、img标签标题标签段落标签链接标签这里讲一下id属性和class属性图片标签src属性添加网络图片添加本地图片alt属性图片无法加载提示语 标题、段落、a标签、img标签 标题标签 h标签也交钱标题标签 <hn>内容</hn> 这个h标签是标题标签,然后后面的n代表数字最高的 阅读全文
posted @ 2023-11-06 09:29 scxlzb 阅读(23) 评论(0) 推荐(0) 编辑
摘要:目录列表标签无序列表注意点有序列表标签标题标签表格标签然后就是table标签属性的用法1.border属性:2.cellpadding属性:3.cellspacing属性:width属性5.rowspan属性6.colspan属性还有一个特别的属性就是高度和宽度基本标签块级标签特殊符号如何在html 阅读全文
posted @ 2023-11-06 21:03 scxlzb 阅读(18) 评论(0) 推荐(0) 编辑
摘要:目录form表单与input框form表单input标签input其它属性说明:form与其它标签以及input的应用再来展示一下禁用以及隐藏的属性select标签label标签textarea多行文本今天网页设计 form表单与input框 form表单 功能: 表单用于向服务器传输数据,从而实现 阅读全文
posted @ 2023-11-07 16:32 scxlzb 阅读(20) 评论(0) 推荐(0) 编辑
摘要:目录1.css介绍2.css基本格式3.css的几种引入方式1.行内样式2.内部样式3.外部样式css选择器基本选择器1.元素(标签)选择器2.id选择器3.类选择器通用选择器组合选择器1.后代选择器2.子元素选择器3.相邻兄弟选择器通用兄弟选择器属性选择器分组选择器伪类选择器第一个实例给未访问的链 阅读全文
posted @ 2023-11-08 19:09 scxlzb 阅读(62) 评论(0) 推荐(0) 编辑
摘要:目录高度和宽度的知识点css字体属性首先就是字体的设置字体大小的设置(重点)字体的粗细字体的颜色 高度和宽度的知识点 当要给标签设置宽和高的时候会用到以下属性 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 css字体属性 阅读全文
posted @ 2023-11-08 20:21 scxlzb 阅读(32) 评论(0) 推荐(0) 编辑
摘要:目录label标签补充 label标签补充 当label与input标签一起使用的时候可以实现点击文字就能使用input标签的功能 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti 阅读全文
posted @ 2023-11-09 09:04 scxlzb 阅读(5) 评论(0) 推荐(0) 编辑
摘要:目录字体的属性2文字对齐文字的装饰首行缩进文字的距离设置块级标签的另一个作用将上述的功能与伪选择器相结合 字体的属性2 文字对齐、文字装饰、首行缩进、文字之间的距离 文字对齐 需要用到属性text-align,该属性是用于规定元素中的文本水平对齐方式。 然后就是text-align的属性值: 值 描 阅读全文
posted @ 2023-11-09 11:41 scxlzb 阅读(30) 评论(0) 推荐(0) 编辑
摘要:目录背景属性背景颜色以及背景图片的添加背景颜色就是常用的background-color这个属性这就不多讲了。背景图片的添加背景图片的选择background-repeat属性值为repeatbackground-repeat属性值为repeat-xbackground-repeat属性值为repe 阅读全文
posted @ 2023-11-09 18:34 scxlzb 阅读(10) 评论(0) 推荐(0) 编辑
摘要:目录边框1.border-width属性2.border-style属性3.border-color属性简写方式还有一个特别的属性border-radius属性 边框 边框有三个属性: border-width、border-style、border-color 1.border-width属性 此 阅读全文
posted @ 2023-11-09 19:38 scxlzb 阅读(11) 评论(0) 推荐(0) 编辑
摘要:目录display属性display属性值为nonedisplay属性值为blockdisplay属性值为inlinedisplay属性值为inline-block了解知识 display属性 该属性是用于控制HTML元素的显示效果 值 意义 display:"none" HTML文档中元素存在,但 阅读全文
posted @ 2023-11-09 20:37 scxlzb 阅读(25) 评论(0) 推荐(0) 编辑
摘要:目录css盒子模型margin属性如何用margin来控制其上下左右的距离margin的缩写padding属性首先它如何进行上右下左的移动现在我有一个需求就是将内容在边框的正中央显示然后就是简写的方式 css盒子模型 有四个属性 属性 描述 margin 用于控制元素与元素之间的距离;margin的 阅读全文
posted @ 2023-11-10 10:58 scxlzb 阅读(135) 评论(0) 推荐(0) 编辑
摘要:目录浮动浮动的需要的属性float当float的值为left时当float值为right时当float属性值为none时float属性值为inherit时浮动的特殊情况1.多个浮动在浮动的时候如果包含框太窄,无法容纳对应的浮动元素就会两种情况一种就是其中一个框下降,第二种情况就是其中一个框被卡住了下 阅读全文
posted @ 2023-11-10 14:35 scxlzb 阅读(6) 评论(0) 推荐(0) 编辑
摘要:目录overflow属性什么是overflow属性overflow属性的值使用hidden属性值解决使用属性值scroll解决属性值为auto的情况利用这个属性制作一个圆形头像 overflow属性 什么是overflow属性 overflow是溢出的意思,给属性规定当内容溢出元素框是发生的事情,就 阅读全文
posted @ 2023-11-10 16:00 scxlzb 阅读(38) 评论(0) 推荐(0) 编辑
摘要:目录高度和长度的另外四种情况1.高度max-height属性min-height属性2.宽度max-width属性min-width属性 高度和长度的另外四种情况 1.高度 分别有两个属性max-height和min-height max-height属性 用于设置元素的最大高度,防止元素的高度超过 阅读全文
posted @ 2023-11-10 16:32 scxlzb 阅读(9) 评论(0) 推荐(0) 编辑
摘要:目录定位属性1.static属性2.relative属性3.absolute属性4.fixed属性 定位属性 需要使用position这个属性 然后这里来说一下它的属性值。 值 描述 static(默认值) 按照正常文档进行定位,设置了top、right、bottom、left属性也不会生效。 re 阅读全文
posted @ 2023-11-10 20:22 scxlzb 阅读(9) 评论(0) 推荐(0) 编辑
摘要:目录模态框什么是z-index属性?z-index属性透明效果 模态框 设置对象的层叠顺序需要用到z-index属性, 什么是z-index属性? 这里提供一个代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2023-11-10 20:59 scxlzb 阅读(10) 评论(0) 推荐(0) 编辑
摘要:目录基础的网页设计html的代码css的代码阴影效果添加 基础的网页设计 html的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>今天网页</title> <link rel="stylesheet" 阅读全文
posted @ 2023-11-12 19:22 scxlzb 阅读(16) 评论(0) 推荐(0) 编辑
摘要:目录1.js的引入1.在内部写入js代码2.外部引入js代码2.js的注释 1.js的引入 1.在内部写入js代码 在html文档中用script标签进行编写 <script> // 在这里写你的JS代码 </script> 2.外部引入js代码 html文档使用script来引入外部的js代码 < 阅读全文
posted @ 2023-11-12 19:46 scxlzb 阅读(9) 评论(0) 推荐(0) 编辑
摘要:目录js语言1.变量1.关键字var注意一点变量总结2.let关键字具体原因解析图片里面的代码3.常量 js语言 变量和常量 1.变量 1.关键字var 1.js的变量名可以使用下划线,数字,字母,不能以数字开头。 2.声明这是一个变量需要用到var关键字。 具体格式如下 var name = "A 阅读全文
posted @ 2023-11-13 08:25 scxlzb 阅读(14) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示