hua_cuo-CSDN博客

原创 4.typeof，类型转换

typeof，类型转换数组var arr = [1,2,3,45,5,"abc",undefined];console.log(arr[0]); //打印第0位console.log(arr.length); //打印数组的长度结构体var arr = { 属性名1 : "字符串"， //注意用“，”分隔属性名2 : 数字, 属性名3 : und

2020-12-10 22:31:26 140

条件语句、循环语句条件语句if语句：if(表达式1){表达式2}表达式1的布尔值为true则执行表达式2，表达式1的布尔值为false则不执行表达式2else if语句：else if(表达式3) {表达式4}该语句用在if语句或其他else if语句之后，表示满足其前面的if（或else if）语句外如果满足表达式3则执行表达式4（条件与条件间不能有交叉点）注： var score = parseInt(window.prompt(‘input’));用户输入score的值补

2020-12-10 22:30:55 116

原创 2.比较运算符逻辑运算符

比较运算符逻辑运算符比较运算符比较运算符 “>”(大于)"<"(小于)"=="(等于)">="(大于等于)"<="(小于等于)"!="(不等于)注：Infinity == Infinity NaN != NaN比较结果为true或者false字符串比较时是比较ASCII码的值逻辑运算符逻辑运算符"&&"(与)"||"(或)"!"(非)与运算符：先看第一个表达式转换成布尔值的结果，如果为真，那么看第二个表达式的布尔值结果，然后如果只有两个表达式，只要家

2020-12-10 22:30:24 747

原创 AJAX

编程基础传统网站中存在的问题网速慢的情况下，页面加载时间长，用户只能等待用户提交表单后，如果有个别项的内容不合格，页面跳转则需要重新填写所有表单内容页面跳转需要重新加载页面，造成资源浪费，增加了用户的等待时间概述Ajax，中文音译：阿贾克斯他是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验应用场景页面上拉加载数据列表数据无刷新分页表单项离开焦点数据验证搜索框文字自动提示文字下拉项…运行环境Ajax技术需要运行在网站环境中才能生效，可使用No

2020-12-09 22:55:58 326 1

原创 1.js介绍，入门，js引入，变量，值类型，运算符

js介绍，入门，js引入，变量，值类型，运算符基础知识主流浏览器：内核：IE tridentChrome webkit/blinkfirebox GeckoOpera prestoSafari webkit浏览器：1.外壳（shell） 2.内核（渲染引擎（语法规则和渲染），js渲染，其他模

2020-12-09 22:53:18 152

原创 2.web字体和图标

web字体和图标web字体解决用户电脑上没有安装相应字体的问题用户上电脑没有安装相应字体，强制用户安装相应字体使用@font-face指令制作一个新字体-font-family:“名字” 为字体取名-src:url(“路径”) 为字体文件的位置注：上面两个为@font-face的子元素由于响应速度较慢，所以很少用web字体字体图标iconfont.cn是阿里巴巴做的字体图标网站（加入购物车，font class后生成代码，生成的是css代码）HTML中写i.iconfont.复制

2020-12-07 23:00:27 67

原创 1.@规则

@规则at-rule：@规则、@语句、CSS语句、CSS指令import@impor"路径";导入另一个CSS文件（在CSS文件中使用）charset（写到第一行）@charset “utf-8”;告诉浏览器该CSS文件，使用的字符编码机是"utf-8"

2020-12-07 22:57:48 57

原创 12.定位

定位视觉格式化模型，大体上将页面中盒子的排列顺序分为三种常规流浮动定位定位：手动控制元素在包含块中的精确位置涉及css属性：positionposition属性-默认值：static，静态时（不定位）-relative：相对定位-absolute：绝对定位-fixed：固定定位一个元素，只要position的取值不是static，认为该元素是一个定位元素定位元素会脱离文档流（相对定位除外）文档流中的元素摆放时，会忽略脱离了文档流的元素元素计算自动高度时，会忽略脱离了文档流

2020-12-06 18:58:19 64

原创 11.浮动

浮动视觉格式化模型，大体上将页面中盒子的排列顺序分为三种常规流浮动定位应用场景文字环绕横向排列浮动的基本特点修改float值-left：左浮动，元素靠左靠上-right，右浮动，元素靠右上默认值为none当一个元素浮动后，元素必定为块盒(更改display属性为block)浮动元素的包含块，和常规流一样，为父元素内容盒盒子尺寸宽度为auto时，适应内容宽度（无内容则为0）高度为auto时，适应内容高度margin为auto时，为0边框、内边距，百分比设置与

2020-12-06 18:57:49 45

原创 10.常规流

常规流盒模型：规定单个盒子的规则视觉格式化模型（页面布局）：页面中多个盒子的排列规则视觉格式化模型，大体上将页面中的盒子的排列分为三种常规流浮动定位常规流布局常规流、文档流、普通文档流、常规文档流所有元素，默认情况下，都属于常规流布局总体规则：块盒独占一行，行盒水平依次排序包含块（containing block）：每个盒子都有他的包含块，包含块决定了盒子的排列区域绝大部分情况下：盒子的包含块，为其父元素的内容盒块盒每个块盒的总宽度，必须刚好等于包含块的总宽度宽度的默认

2020-12-06 18:56:14 108

原创 9.行盒的盒模型

行盒的盒模型常见的行盒：包含具体内容的元素span、strong、em、i、img、video、audio显著特点盒子沿着内容延伸行盒不能设置宽高，只与内容的宽高有关调整行盒的宽高应通过设置字体的大小、行高内边距（填充 padding）水平方向有效，垂直方向只会影响背景（看到效果），不会实际占据空间边框（border）水平方向有效，垂直方向只会影响背景（看到效果），不会实际占据空间外边距（margin）水平方向有效，垂直方向只会影响背景（看到效果），不会实际占据空间

2020-12-06 18:55:37 76

原创 8.盒模型的应用

盒模型应用改变宽高的范围默认情况下，width和height设置是内容盒的宽高。页面重构师：将psd文件（设计稿）制作为静态页面衡量设计稿尺寸的时候，往往使用的是边框盒，但设置width和height的时候则是内容盒精确计算css3：box-sizing:border-box（直接用width和height设置）改变背景覆盖范围默认情况下，背景覆盖边框盒可以通过background-clip进行修改溢出处理手动设置宽高后可能会出现溢出正常溢出后依旧可视overflow设置溢

2020-12-06 18:55:06 81

原创 7.盒模型

盒模型box：盒子，每个元素在页面中都会生成一个矩形区域（盒子）盒子类型：行盒，display等于inline的元素块盒，display等于block的元素行盒在页面中不换行，块盒独占一行display默认值为inline浏览器中默认样式表设置的块盒：容器元素、h1~h6、p常见的行盒：span、a、img、video、audio盒子的组成无论是行盒还是块盒都由一以下几部分组成内容 contentwidth、 hight设置的是盒子内容的宽高填充（内边距）paddin

2020-12-06 18:54:33 68

原创 6.属性值的计算过程

属性值的计算过程一个元素一个元素依次渲染，顺序按照页面文档的树形目录结构进行<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>

2020-12-06 18:53:51 156

原创 5.继承

2020-12-06 18:50:34 45

原创 4.层叠

层叠声明冲突：同一个样式，多次运用到同一个元素层叠：解决声明冲突的过程，浏览器自己处理（权重计算）1.比较重要性重要性由高到低：作者样式表：开发者书写的样式1）作者样式表中的！important样式2）作者样式表中的普通样式3）浏览器默认样式表中的样式2.比较特殊性看选择器总体规则：选择器范围越窄，特殊性越强具体规则：通过选择器计算出一个4位数（越大越特殊）千位：如果是内联式千位计1，否则计0百位：选择器中所有id选择器的数量十位：选择器中所有类选择器，属性选择器，伪类选

2020-12-06 18:48:18 111

原创 3.选择器

选择器选择器：帮助你精准的选中你想要的元素简单选择器ID选择器 #元素选择器元素名类选择器 .（详见“为网页添加样式笔记”）通配符选择器*，表示选中所有元素属性选择器（多种多样）[属性名]或[属性名=“属性值”]根据属性名和属性值选择元素[属性名~=“属性值的一部分”]带有这一部分属性值的属性且这一部分值被空格分隔[属性名*=“属性值的一部分”]带有这一部分属性值的属性eg：[id~=“b”]可选中id=“a b c”，无法选中[abc][href*=“ww

2020-12-06 18:47:44 57

原创 2.常见样式声明

常见样式声明color元素内部的文字颜色预设值:定义好的单词（数量有限）三原色:光学三原色（红、绿、蓝），每个颜色可以使用0-255之间的数字表达他的色值rgb(n,n,n)hex（16进制）#红绿蓝（各两位）rgb的三个n分别代表红、绿、蓝的色值淘宝红:#ff4400,#f4o（三个数字个位十位都相同，可以简写为3个数字，表示三个数字的个位和十位的值）黑色:#000000,#000白色:#ffffff,#fff红:#ff0000,#f00绿:#00ff00,#0f0蓝:#

2020-12-04 07:04:20 139

原创 1.为网页添加样式

为网页添加样式术语解释h1{ color: red;(字颜色) background-color: royalblue;（背景颜色） text-align: center;（位置） font-size:3em;（字的大小）}css规则 = 选择器+ 声明块选择器选择器：选中元素ID选择器：#id+{}（选中对应id值的元素）元素选择器：元素名+{}（选中所有同名元素）类选择器：.类名+{}（选中所有类名相同的元素）给元素class属性" “内为类名（空格

2020-12-04 07:03:37 184

原创 5.其它元素

其它元素abbr元素表示缩写词，默认样式为有底边框，title属性中写全称time元素表示时间，用于给浏览器或搜索引擎阅读的，datetime属性注明time元素描述的具体日期eg：time中可以写“今年五月一号”则datetime元素中声明“2019-05-01”b元素（bold）以前：无语义元素，主要用于加粗字体q元素一小段引用文本（一段话中中引用一两句）blockquote大段引用文本（整段文本都是引用而来）q与blockquote中有cite属性，该属性用

2020-12-04 07:02:35 125

原创 4.表格元素

表格元素在css技术之前，网页通常使用表格布局后台管理系统中可能会使用表格前台：面向用户后台：面向管理员，对界面要求不高，对功能要求高表格不再适用于网页布局，其渲染速度过慢table（表格）caption（表格标题）表头（thead）表（tbody）表（tfoot）用于统计表格内的数据（总分，平均分等）其中放置tr（table row）元素表示“一行”，td或td表示列可用colspan="n"表示合并n行;rowspan="n"表示合并n列标题单元格（th）

2020-12-04 07:02:04 93

原创 3.美化表单元素

美化表单元素新的伪类选择器focus元素聚焦时的样式，即搜索栏点中后的样式checked单选或多选框被选中的样式input:checked+label{}给被选中元素套上label，让后让label元素变色即可常见样式重置表单元素样式设置多行文本框是否允许调整尺寸resize 属性-both：两个方向都可以-none：不能调整取值-horizontal：水平方向可以调整尺寸-vertical：垂直方向可以调整尺寸文本框边缘到内容的距离-text-inde

2020-12-04 07:00:11 105

原创 2.表单元素

表单元素一系列元素，主要用于收集用户数据input元素输入框-type属性：输入框的类型其属性：text为普通文本、password为密码框、date为日期选择框（有兼容性问题）、search为搜索框（有兼容性问题）、range滑块（其中的min和max可把滑块分为多个不同的取值，有兼容性问题）、color为颜色选择框、number为数字输入框（min为最小值，max为最大值，step为点增或点减时的改变值；对远古浏览器有兼容性问题）、checkbox为多选框（一般会加入name属性完成多选框的分

2020-12-04 06:59:27 97

hua_cuo的博客

原创 4.typeof，类型转换

原创 3.条件语句、循环语句

原创 2.比较运算符逻辑运算符

原创 AJAX

原创 1.js介绍，入门，js引入，变量，值类型，运算符

原创 2.web字体和图标

原创 1.@规则

原创 12.定位

原创 11.浮动

原创 10.常规流

原创 9.行盒的盒模型

原创 8.盒模型的应用

原创 7.盒模型

原创 6.属性值的计算过程

原创 5.继承

原创 4.层叠

原创 3.选择器

原创 2.常见样式声明

原创 1.为网页添加样式

原创 5.其它元素

原创 4.表格元素

原创 3.美化表单元素

原创 2.表单元素

原创 1.iframe元素

原创 11.元素的包含关系

原创 10.容器元素

原创 9.列表元素

原创 8.多媒体元素

原创 7.图片元素

原创 6.路径的写法

原创 5.a元素

原创 4.HTML实体

原创 3.文本元素

原创 2.语义化

原创 1.第一个网页

原创 2.开发环境的准备

原创 1.HTML & CSS 概述

空空如也

空空如也