前端基础
文章平均质量分 52
MSL7141
这个作者很懒,什么都没留下…
展开
-
JavaScript-基本
1.引入Javascript1.内部标签<script></script>2.外部引用<script src="js文件路径“></script>2.基本语法1)定义变量基本语法:变量类型 变量名=变量值var num=1;js有大小写之分数据类型数值,文本,图像,音频,视频'...Number数值:js不区分小数和整数NaN:not a number;Infinity//表示无穷大..原创 2021-09-26 10:43:53 · 145 阅读 · 0 评论 -
CSS-定位
定位:将盒子定在某个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边偏移定位模式定位模式决定元素的定位方式,通过CSS的position属性设置,其值分为边偏移边偏移就是定位的盒子移动到最终位置,有top\bottom\left\right4个属性。1 静态定位static静态定位的元素是标准流默认的定位方式,即无定位,。基本语法:选择器:{position:static;}2相对定位relative相对定位是元素在移动位置的.原创 2021-09-24 16:04:11 · 157 阅读 · 0 评论 -
CSS_盒子圆角及阴影
盒子圆角基本语法border-radius:200px/百分比/4个像素.radius1 { width: 200px; height: 200px; background-color:red; border-radius:50%; } /* 圆角矩形设置为高度得一半 */ .radius2 { width: 200px;原创 2021-09-24 08:44:56 · 194 阅读 · 0 评论 -
CSS-Box Model
盒子模型:把页面布局元素看作是一个矩形的盒子,盛装内容的容器。css盒子模型封装HTML元素,包括:边框、外边距、内边距、和实际内容边框border边框的组成部分:边框粗细,边框样式,边框颜色基本语法border:border-width||border-style||border-color简写如下border:1px solid red;(没有顺序)常见的边框样式:solid实线边框,dashed虚线边框 dotted点线边框border-top:1px...原创 2021-09-22 16:44:54 · 107 阅读 · 0 评论 -
CSS-三大特性
背景总结:原创 2021-09-22 14:01:30 · 82 阅读 · 0 评论 -
CSS的元素显示模式
作用:网页的标签非常多,在不同的地方用到不同类型的标签,了解其特点更好布局页面。元素显示模式就是元素以什么方式进行显示HTML一般有块元素和行内元素两种类型。块元素常见的块元素有:<h1>~<h6>、<p>、<div>,<li>,<ol>等块元素的特点:注意:文字类元素不能使用块元素<p></p>,<h1>~<h6>等标签主要用于存放文字,里面不能放<.原创 2021-09-18 17:25:59 · 98 阅读 · 0 评论 -
CSS复合选择器
复合选择器由两个或者更多个基础选择器通过不同的方式组合而成主要复合选择器有:后代选择器、子选择器、并集选择器、伪集选择器等1.后代选择器后代选择器又称包含选择器,可以选择父元素里面的子元素,外层标签写前面,内层标签写后面,中间用空格隔开,内层标签就成为外层标签的后代。元素1 元素1的后代元素(样式选择器)如ul li{样式声明}后代选择器可以是任何基础选择器示例<!DOCTYPE html><html lang="en"><head&g原创 2021-09-18 16:23:16 · 224 阅读 · 0 评论 -
CSS-Emmet语法
emmet语法快速生成HTML结构1.生成标签:输入标签名+tab2.生成多个标签:标签名*生成个数(如div*3+tab)3.父子级关系的标签:父级>子级(如ul>li)4.兄弟级关系标签:标签1+标签2(如div+p)5.生成带有类名或id名字:.demo或者#two +tab键6.有顺序的类名用自增符号$(如.demo$*5+tab键)7.生成的标签内部写内容:{ }(如div{文字}+tab键)Emet语法快速生成CSS样式语法1.宽度:w200+ta原创 2021-09-18 13:44:49 · 178 阅读 · 0 评论 -
CSS引入方式
CSS三种样式表(按书写位置):1.行内样式(行内式)2.内部样式(嵌入式)3.外部样式(链接式)内部样式表将所有的CSS代码嵌入到并全部放到一个style标签中,可放到HTML的任何地方 <style> p { font-family:'Microsoft Yahei', Courier, monospace; } body { font-size:x-large;原创 2021-09-18 11:51:46 · 136 阅读 · 0 评论 -
CSS文本属性
文本颜色:文本对齐方式:test-align设置文本对齐方式,默认左对齐,基本语法:div { text-align: center;}装饰文本装饰文本用”text-decoration基本语法div { text-dec0ration: underline;}4.文本缩进text-indent属性用来指定文本的第一行缩进,通常是将段落的首行进行缩进语法:div {text-indent: 10px;}...原创 2021-09-17 17:28:05 · 152 阅读 · 0 评论 -
CSS字体属性
1.字体系列font-family属性定义文本的字体系列p {font-family:"Microsoft Yahei";}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2021-09-17 16:48:24 · 82 阅读 · 0 评论 -
CSS语法规范
结构与样式相分离主要的构成:选择器以及一条或者多条声明选择器指的是指定CSS样式的HTML标签,花括号内是对对象设置的具体样式属性:属性值;以键值对的形式出现示例1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> .原创 2021-09-17 15:54:24 · 135 阅读 · 0 评论 -
HTML实现注册网页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Me.原创 2021-09-17 11:46:19 · 412 阅读 · 0 评论 -
HTML-表单
表单主要用于收集用户信息表单的组成一个完整的表单包括表单域、表单控件(表单元素)和提示信息3个部分组成。一.表单域表单域是一个包含表单元素的区域<from>会把它范围内的元素信息提交给服务器基本格式<fromaction="url地址"method="提交方式"name="表单域名称">各种表单元元素控件</from>二.表单元素1.input输入表单元素2.select下拉表单元素3.textarea文本域元素...原创 2021-09-17 09:58:00 · 784 阅读 · 0 评论 -
HTML-列表
一.在网页中有3类基本的标签1.无序标签;2.有序标签;3.自定义列表1.无序标签基本格式:<ul><li>tips1</li><li>tips2</li></ul>示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2021-09-16 15:30:00 · 106 阅读 · 0 评论 -
HTML-表格标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <tit.原创 2021-09-16 13:32:44 · 102 阅读 · 0 评论 -
HTML-链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图像.原创 2021-09-16 13:28:58 · 153 阅读 · 0 评论