shshkkkk-CSDN博客

原创运算符和语句

赋值运算符：对变量进行赋值的运算符赋值运算符()将等号右边的值赋予给左边, 要求左边必须是一个容器其它赋值运算符:;使用这些运算符可以在对变量赋值时进行快速操作一元运算符:正负号前置自增:++i 后置自增:i++ 前置自增先加再用后置自增先用再加应用场景:比较两个数据大小、是否相等：左边是否大于右边：左边是否小于右边：左边是否大于或等于右边：左边是否小于或等于右边：左右两边值

2022-06-12 14:36:05 68

变量就是计算机中用来存储数据的容器,它可以让计算机变得有记忆.简单理解变量就是一个装东西的盒子.变量作用:用来存放数据. 声明(定义)变量有两部分构成：声明关键字、变量名关键字是 JavaScript 中内置的一些英文词汇，它们代表某些特定的含义，如的含义是声明变量的，看到后就可想到这行代码的意思是在声明变量，如声明（定义）变量相当于创造了一个空的“容器”，通过赋值向这个容器中添加数据更新变量变量赋值后，还可以通过简单地给它一个不同的值来更新它声明多个变量多个变量中

2022-06-09 15:17:23 151

原创 css定位和装饰

定位属性名position 属性值1、静态定位 static标准流中的元素默认就是静态定位注意点1、不能配合方位属性实现移动 2、之后说的定位，一般指的是：相对、绝对、固定 2、相对定位relative 特点 1、需要配合方位属性实现移动 2、相对于自己原来的位置进行移动 ...

2022-05-25 12:09:11 74

原创浮动、清除浮动

标准流又称：文档流，是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素常见排版规则1、块级元素从上往下直布局独占一行 2、行内元素和行内块元素从左往右水平布局空间不够自动折行浮动作用早期的作用图文环绕现在的作用用于布局让垂直布局的盒子变成水平布局，如：一个在左，一个在右代码 float：left 左浮动 float：righ...

2022-05-25 12:05:49 387

原创 css伪类

结构伪类选择器匹配父元素中的第一个子元素E E:first-child{} 匹配父元素中的最后一个子元素E E:last-child{} 匹配父元素中的第n个子元素EE:nth-child(n) {} 拓展括号里面可以写一个带n的式子 n：0,1,2,3,4,5..... 偶数 E:nth-child(2n) {} E:...

2022-05-24 20:19:01 41

原创元素显示模式

块级元素display：block 特点1、独占一行 2、宽度默认占满一行，高度默认由内容撑开 3、可以设置宽高！！代表标签divph系列标签行内元素display：inline 特点1、一行可以显示多个 2、宽度和高度默认都是由内容撑开 3、不可以设置宽高！！！代表标签aspan 行内块元素display：inline-block 特点1、一行可以显示多个 2、可以设置宽高代表标签input 特殊情况img标签有行内块元素...

2022-05-24 11:07:59 71

原创 css盒子模型

盒子模型内容：content：width和height默认设置的是内容部分的宽高边框：border:边框的粗细border-width 边框的样式border-style 实线solid虚线dashed点线dotted 边框的颜色border-color 连写border:width style color border的单方向设置 border-方位名词topright bottomleft 盒子大小初级计算公式盒子实际大小 = 内容（content）+ 边框（bo...

2022-05-24 11:07:00 36

原创 css样式

字体样式字体大小font-size：数字 + pxpx：像素字体粗细font-weight：正常normal加粗bold 正常400加粗700 字体样式font-style：正常normal倾斜italic 字体类型：常见字体系列无衬线字体sans-serif 特点：文字笔画粗细均匀，并且首尾无装饰场景：网页中大多采用无衬线字体常见该类别字体：黑体Arial 衬线字体se...

2022-05-22 09:39:18 104

原创 css层叠和继承

层叠 Stylesheets cascade（样式表层叠） — 简单的说，css规则的顺序很重要；当应用两条同级别的规则到一个元素的时候，写在后面的就是实际使用的规则。浏览器是根据优先级来决定当多个规则有不同选择器对应相同的元素的时候需要使用哪个规则。它基本上是一个衡量选择器具体选择哪些区域的尺度：一个元素选择器不是很具体 — 会选择页面上该类型的所有元素 — 所以它的优先级就会低一些。一个类选择器稍微具体点 — 它会选择该页面中有特定 class 属性值的元素 — 所以它的优先级就要高一..

2022-05-21 09:51:41 233

原创 CSS 基础

CSS 基础层叠样式表（CascadingStyleSheet，简称：CSS）是为网页添加样式的代码。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。 “CSS 规则集”详解 P(选择器) { color(属性): red(属性的值);(声明) } 选择器（Selector）：HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素（在这个例子中就是p元素）。要给不同元素添加样式只需要更改选择器就行了。声明（Declarati...

2022-05-18 15:37:53 390

原创 html 表格

HTML 表格入门表格是由行和列组成的结构化数据集(表格数据)，它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值。 HTML 格式，包括如行、列、表头、跨列的行或跨行的列等基本特性，以及如何将多行进行分组进行样式化。 table>tr>td 每一个表格的内容都包含在这两个标签中 : <table></table>. 要使用 <tr> 元素 ('tr' 代表 'table row') 最小的内容容器是单元格, 是通过 <td

2022-05-16 16:05:45 76

原创 html基础

HTML中的图片用<img> 元素来把图片放到网页上。它是一个空元素（它不需要包含文本内容或闭合标签），最少只需要一个 src （一般读作其全称 source）来使其生效。src 属性包含了指向我们想要引入的图片的路径。alt 属性它的值应该是对图片的文字描述，用于在图片无法显示或不能被看到的情况。装饰：如果图片只是用于装饰，而不是内容的一部分，可以写一个空的alt="" 。例如，屏幕阅读器不会浪费时间对用户读出不是核心需要的内容。实际上装饰性图片就不应该放在HTML文件里， CSS 背

2022-05-16 14:35:19 201

原创 HTML基础

HTML中的元数据在页面加载完成的时候，head标签里的内容，是不会在页面中显示出来的。它包含了诸如页面的<title>（标题）、指向CSS的链接、指向自定义图标的链接和其它的元数据等信息。 <title>元素，它可以为文档添加标题。用于表示整个 HTML 文档的标题（而不是文档内容）。元数据：<meta> 元素···· <link>元素经常位于文档的头部。这个 link 元素有 2 个属性，rel="stylesheet"表明这是...

2022-05-15 20:00:58 307

原创 HTML 基础

超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。 HTML是一种相当简单的、由不同元素组成的标记语言，它可以应用于文本片段，使文本在文档中具有不同的含义，将文档结构化为逻辑块，并且可以将图片，影像等内容嵌入到页面中。 HTML 文档详解单个元素如何彼此协同构成一个完整的 HTML 页面。 <!DOCTYPE html> .

2022-05-14 20:46:39 42

shshkkkk的博客