HTML与CSS学习基础总结

先了解学习的知识点有哪些：

HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

HTML:超 文本 标记 语言 文本:说明HTML是由文本组成 超:说明HTML是由超链接组成 标记语言:说明HTML是使用标记进行组合的(解释性语言，由浏览器进行解释执行)

6.HTML怎么写？ 标准结构:

7.HTML的标签分类:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

注意:上面多个实现方式，在xhtml1.0版本当中，明确推荐使用后者 因为后者是语义化标签，针对浏览器来说，更加喜爱后者。

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

注意: 如果需要访问的是一个具体路径，你直接写路径就可以了 如果需要访问的是网络上的资源，则需要写上资源的协议名(http://www.baidu.com / ftp://172.18.33.10) 同时，还可以下载指定的压缩文件

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器: 类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头 ID选择器:

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题: html -> head ->title body ->h1 p ul -> li -> ol ->li ->ul div

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

/ 鼠标悬浮所触发的样式/ .baidu:hover{ color: thistle; font-size:10px; } /当超链接被访问之后的链接（鸡肋）/ .wangyi, .baidu:visited { color: darkcyan; font-size: 50px; } /当鼠标点击当中所触发的样式/ .tencent:active{ color: green; }

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

number/boolean类型转成string toString(); string/boolean转number parseInt(); parseFloat(); string转成number parseInt(x) 字符串必须开头包含数字，最后的结果就是开头的数字

Boolean(),强转布尔 数字如果转成布尔,false即0 true即1 字符串如果转成布尔，空内容即false,有内容及true Number() 布尔转数字，true即1 false即0 字符串转数字，不能转

java:Object ob = new Object(); js:var ob = new Number();

1.if if(x > 5){ alert(“大于”); } 2.if else if(x > 5){ alert(“大于”); }else{ alert(‘小于’); } 3.switch(){ case “css”: alert(“xxx”); break; default: alert(“xxx”); } 4.for for(var a = 0;a < 5;a++){ alert(a); } 5.for in var arr = [1,56,1,5,“s”]; for(s in arr){ //alert(s);//索引编号 alert(arr[s]); }

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812HTML与CSS学习基础总结 原创苏绪 发布于2018-08-22 20:01:13 阅读数 2073 收藏 展开

先了解学习的知识点有哪些：

HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。

CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。

可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。

简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。

JS JS 全称（javascript）中文是java脚本的意思 。

它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。

但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。

为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准（ECMAScript））

其次js的作用“增强页面的趣味性，响应用户的行为”； 特点（弱解释脚本语言，可以被浏览器直接解析 不需要编译） js的输出，有两种： 1.控制台输出（console.log()）不会对文档造成影响

2.文档中输出 document.write(“xxxx”) 会对文档造成影响

简单了解一下javaEE的基础知识 什么是JAVAEE? 主要是面向企业级开发(基础的概念，实际上远远不止如此)，对于我们来说 主要还是从事B/S架构的开发。

软件结构的分类： C/S架构的开发(客户端到服务器的开发): 例如:吃鸡、QQ、LOL(有实体的应用客户端) 特点: 1.有客户端、必须要安装客户端程序 2.要进行客户端的升级，除了服务器进行代码的更新，客户端也必须 重新安装或者在线进行升级。

B/S架构的开发(浏览器到服务器的开发):

例如:淘宝、天猫、腾讯网、网页游戏 特点: 1.不需要安装任何的实体客户端，只需要一个浏览器(内核)即可 2.要进行客户端升级，只需要服务器进行代码更新，客户端不需要进行任何操作

两者来说，他们在各自的领域应该是怎么样的?

简单了解网页的源来！

1.什么是前端？ 1.前端其实就是将设计师设计好的效果图，通过网页的形式展现给客户 2.什么是网页? 2.网页是由图片、文字、链接、视频、音乐、输入框、表单等组成 3.WEB标准 HTML: 结构标准 相当于建房子的地基和框架,相当于人的身体 CSS: 表现标准 相当于房子的装修，相当于妹子化妆 JS: 行为标准 相当于房子里面只智能家居，相当于妹子跳舞 4.浏览器 浏览器的内核(渲染引擎):也就是浏览器所采用的引擎，这个渲染引擎决定了你的网页的 显示方式以及排版布局等等相关信息(遵循标准) IE/谷歌/欧朋/火狐/苹果(这样就会造成浏览器兼容的问题) 5.html xhtml1.0 W3C推荐的版本 2000年发布 xhtml2.0 因为改变太大，最终胎死腹中 HTML4.0 W3C推荐的版本1997年12月 HTML5 2004年提出，2006年开始火爆，而且这个版本跟之前所有的版本都不同，改变太大 而且是一个完全新的团队在做(火爆的主要原因还是因为移动端)。

6.HTML怎么写？ 标准结构:

//文档声明(告诉浏览器以什么标准来执行下面的代码)

7.HTML的标签分类: 单标签: 双标签: 可单可双:

8.HTML的开发工具: 1.记事本(推荐使用) 2.DW(,给设计师用的 很老) 3.sublime(专业级开发，插件式安装 缺什么补什么吗，很好用) 4.webstorm(很牛逼，界面非常好看 但是收费，而且太智能) 5.Hbuilder(你们必须得支持，国产的，而且是Java写的 非常适合H5的开发，用着很舒服)

9.HTML的基础标签

文字加粗: 文字斜体: 下划线: 删除线:

图像标签:

超链接标签: 点击我到百度 打开方式: _blank:新开窗口 _self:默认窗口

列表:

实例练习: 我的电脑文件

表格:

网页的常用设置:

表单: 表单的作用:负责数据采集

表单怎么写? 表单域:

表单控件:

请上传文档:

maxlength=“6” 设置输入框的输入长度 name=“username” 设置控件的名字,这个参数主要给后端工程师进行调用 value=“请输入你的账号” 控件的实际内容，后端工程师所需要的其实就是这个内容 readonly=“readonly” 设置控件只读状态(不可编辑) selected=“selected” 用于设置下拉框的默认选项 submit:提交后立即执行到服务器 image:理论上跟submit一致，但是一般只配合js使用 button:普通按钮，没有任何效果，但是用的非常多 一般配合js使用

页面美观——CSS

什么是CSS?

CSS的优势? 1.内容与表现分离 2.网页的表现形式高度统一，便于后期维护 3.具备极为丰富的样式，页面美化更加灵活 4.减少网页的代码量，增加网页的浏览速度 可以节省网络带宽 5.用于独立于页面的CSS,有利于搜索引擎的收录

CSS如何去写？ 选择器:就是你要选择谁，然后改变什么 CSS的导入方式: 内部样式: 位置:范围内 格式: 特点: 适合同一个页面的效果实现，其他页面无效

特点: 适合某一个标签的样式修改 外部样式: 独立创建一个css文件，这个文件里面不需要写style,直接写样式即可 1.在head当中， 2.在head当中的style当中,@import url("css/style_demo.css" ); 一般来说只会使用第一种，第二种几乎不用，因为link标签是属于xhtml的 而@import属于css2.1的规则，如果浏览器不支持@import，也就意味着你的样式无效 如果你使用的是link进行导入，先加载CSS样式，然后再去显示整个网页 如果你使用的@import，是先加载网页，再去显示CSS样式 适合多个页面共享一个CSS样式 样式表的优先级: 行内样式表 > 内部样式表 > 外部样式表 一般来说，我们只会使用外部样式表 格式: 选择器{ 属性:属性值; } 选择器分类: 基础选择器: 标签选择器: 标签名{ 属性:属性值; } 注意:属性值后的分号，你可以不写的 但是W3C的标准是必须要写的，而大部分 浏览器都遵循了W3C的标准，如果不写 可能会有部分浏览器无法使用。 特点: 一旦符合规则的标签，全部会实现同样的CSS效果 类选择器:

类选择器 .类名{ 属性:属性值; } 特点: 所有符合类名的标签，都会实现同样的效果 类名不能以数字开头

ID选择器我

选择器的优先级:ID选择器 > 类选择器 > 标签选择器

实例练习： 望庐山瀑布: 诗正文使用14px字体，颜色为绿色 水调歌头: 标题为红色，字体大小为18px， 正文第一段字体大小为12px,字体为红色 第二段字体颜色为黑色，字体大小为12px 如梦令: 使用标签选择器设置标题字体大小为20px 页面当中所有段落的文字为16px 使用类选择器设置译文和正文内容字体颜色为绿色 想办法将译文字体颜色改变为蓝色

复合选择器:

CSS继承性的问题:

文本样式:

background: firebrick; /设置字体样式/ color: khaki; /设置水平对齐方式/ text-align:center; /文字的首行缩进/ text-indent:2em; /文本的样式修饰 一般只用下划线和取消下划线/ text-decoration:underline;

字体样式:

/文字大小/ font-size:20px; /文字样式/ font-family:“宋体”; /文字风格/ font-style:oblique; /文字粗细/ font-weight:bold; /字体连写 字体风格 字体粗细 字体大小 样式(顺序不能乱)/ /font:oblique bold 36px “微软雅黑”;/

超链伪类:

布局的使用 CSS+DIV 用途: div+css是现在主流的web设计模式 div主要的作用: 对网页进行布局 对网页内容进行对应的排版 div一般配合CSS，并且设置高和宽，否则无意义。

颜色的表示形式: 三原色:rgba(46,61,73,.4) 进制:#000000 单词:red

背景颜色:background-color:red;

图片背景:background-image: url(img/timg.jpg);

背景重复方式:background-repeat:no-repeat; repeat-x:沿着x轴平铺 repeat-y:沿着y轴平铺 no-repeat:图像不平铺 repeat:图像平铺

图像大小:background-size: 50%;

图像定位: background-position-y:沿着y轴移动 background-position-x:沿着x轴移动 移动方式: y%/x%:依照百分比来移动 ypx/xpx:依照像素移动 x轴:left/center/right y轴:top/center/bottom

背景连写:颜色/路径/x轴/y轴/平铺方式 background: red url(img/timg.jpg) 250px 150px no-repeat;

了解发展史 W3C:HTML 结构标准 / CSS 表现标准 / JavaScript 行为标准

世界上第一款浏览器 94年网景(Netscape Communications Corporation)公司开发。 95年和sun公司开发出Java 网景和sun进行了深度的合作 java+script= javascript

2003年之前，js其实很少有人使用，因为js就是垃圾广告的代名词。 2004年，一家伟大的公司彻底改变了js的命运，这就公司就谷歌，因为谷歌推出了一种 技术，这种技术一直沿用至今，仍然都是目前主流的技术(AJAX) ajax:异步加载

认识js：

二:JS的基本语法 typeof获取当前数据的类型

js当中的原始数据类型: number:数字 string:字符串类型 boolean:布尔类型 null:空类型 underfind:未定义 number/string/boolean 伪数据类型(等同于java的自动拆装箱)

———————————————— 版权声明：本文为CSDN博主「苏绪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_41719737/article/details/81949812