![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 70
柠檬山楂荷叶茶
这个作者很懒,什么都没留下…
展开
-
JS 第二课------变量
一、变量概述 1.什么是变量? 变量就是用于存放数据的容器,通过变量名获取数据,甚至数据可以改变。 2.变量在内存中的存储 变量是程序在内存中申请的一块用来存放数据的空间。 二、变量的使用 变量使用分为两步:声明变量,赋值。 1.声明变量 var是一个JS关键字,用来声明变量,使用该关键字声明变量后,计算机会自动为变量分配内存空间。 例:声明一个名称为age的变量 var age; 2.赋值 使用“=”赋值,变量值是程序员保存到变量空间里的值。 例:给age赋值为10 age=10; 3.变量初始化 声原创 2021-02-19 20:49:07 · 133 阅读 · 0 评论 -
JS第一课-------输入输出语句
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS 输入输出语句</title> <script> //这是一个输入框 prompt('请输入您原创 2020-08-01 22:36:23 · 114 阅读 · 0 评论 -
CSS第六课-------定位
1. 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子。 2. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。 一、定位 1.定位组成 定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 。 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 (1)定位模式 定位模式决定元素的定位方式 ,它通过 CSS 的 position 属性来设置,其值可以分为四个: (原创 2020-07-25 16:19:24 · 177 阅读 · 0 评论 -
CSS第五课------浮动
一、浮动Float 传统网页布局的三种方式:普通流(标准流)、 浮动、定位 1.标准流(普通流/文档流) 所谓的标准流: 就是标签按照规定好默认方式排列. (1) 块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table (2).行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span、a、i、em 等 以上都是标准流布局,标准流是最基本的布局方式。 这三种布局方式都是用来摆放盒子的,盒子摆放到合适位置,布局自原创 2020-07-24 22:29:53 · 297 阅读 · 0 评论 -
CSS第五课-------盒子模型
CSS第五课-------盒子模型 一、网页布局的本质 首先利用css设置好盒子的大小,然后摆放盒子的位置。 最后把网页元素放入盒子里面。 二、盒子模型 盒子模型:把HTML页面中的布局元素看作是一个矩形的盒子,也就是盛装内容的容器。 盒子模型由元素的内容,边框(border),内边距(padding),和外边距(margin)组成。 盒子里面的文字图片等元素是内容区域。 盒子的厚度称为盒子的边框。 盒子内容与边框的距离是内边距。 盒子与盒子之间的距离是外边距。1.盒子边框border 边框由三部分组成:边原创 2020-07-23 10:48:45 · 321 阅读 · 0 评论 -
CSS第四课------三大特性
CSS第四课------三大特性 一、CSS层叠性 css层叠性指多种CSS样式的叠加,是浏览器处理冲突的一个能力,如果一个属性通过两个相同的选择器设置在同一个元素上,这时候一个属性就会被另一个属性层叠掉。 原则: 1.样式冲突采取就近原则 2.样式不冲突不会折叠 例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"原创 2020-07-22 22:49:37 · 106 阅读 · 0 评论 -
CSS第三课-----标签显示模式
标签显示模式 一、块级元素 1.块级元素特点: (1)独占一行 (2)高度、宽度、内外边距可控制。 (3)默认宽度是容器的100% (4)块级元素是一个盒子,里面可以放置行内或块级元素。 注意:<p>,<h1>,<h2>都是文字类块级标签,里面不能放其他块级元素。 二、行内元素 常见<a>,<strong>,<em>,最常用<span> 1.行内元素特点: (1)相邻行内元素在一行上,一行可以显示多个。 (2)高度,宽度直接原创 2020-07-20 22:02:54 · 110 阅读 · 0 评论 -
CSS第二课-----复合选择器
复合选择器 一、后代选择器 后代选择器又称为包含选择器。用来选择元素和元素组的子孙后代。 语法: 父级 子级{属性1:属性值1;属性2:属性值2} 例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2020-07-17 22:16:41 · 166 阅读 · 0 评论 -
CSS第一课------基础选择器
选择器 选择器的作用:找到特定的HTML页面元素。 选择器分为基础选择器和复合选择器。 一、标签选择器 标签选择器就是用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。 语法: 标签名{属性1:属性值1; 属性2:属性值2;属性3:属性值3;} 作用:可以把某一类标签全部选择出来。 优点:能快速为页面中同类型标签统一样式。 缺点:不能设计差异化样式。 例: <!DOCTYPE html> <html lang="en"> <head>原创 2020-07-16 23:02:36 · 356 阅读 · 0 评论