|
1.计算机硬件系统(根据冯诺依曼理论分为了五个部分) 输入设备 输出设备 计算器 控制器 存储器(内存储器,外存储器) 2.HTML基础.前端三大组成部分--HTML(结构)--CSS(样式)--JS(行为) HTML--超文本标记语言:负责的是页面结构 HTML介绍 <!DOCTYPE HTML> -- 文档类型是html <html> </html> -- 页面中最外层标签--根标签 <head> </head> -- 网页头部标签-里面内容主要是给浏览器看的内容 <meta charset="UTF-8"> -- 页面编码标准 <title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上 <body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中 3.HTML语法规则HTML页面由正确嵌套的标签(标记)构成 标签分为单标签和双标签 单标签 -- <单标签名称 /> 双标签 -- <双标签名称> </双标签名称> 标签属性的写法 键值对: 属性名="属性值" <标签名 属性名1="属性值" 属性名2="属性值"> 空格和换行的实现方法 空格实体 -- 换行标签 -- <br /> 4.超链接超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分 跳转的连接-- <a href="http:// 完整的线上网址"> 点击的内容</a> <a href="本地资源路径">点击的内容</a> 新窗口打开链接地址 1. <a href="本地资源路径" target="_blank">点击的内容</a> --shift 减号英文状态 5.表单表单的作用--web网页上用来收集用户数据form，通过某种方式method,将数据提交到后台程序action 6.CSS语法层叠样式表--负责的是页面的样式(变大变小变漂亮) CSS写在style标签中 特性： 继承性 -- 子孙元素继承父级元素的样式 覆盖性 -- 同一选择器设置同一样式,后设置的覆盖先设置的 7.基础选择器选择器作用 -- 找到页面元素 标签选择器 -- 标签名 一般标签都重复 需要选中某些标签时使用 ID选择器 -- #id属性值 id属性不允许重复 唯一选中标签时使用 类名选择器 -- .一个类名 类名可以重复 class属性可以有多个类(class="bzldxns"),用其中一个 选中属于某个类的标签时使用 8.复合选择器复合选择器 -- 选择器组合使用 后代选择器 语法 -- 祖先选择器子孙选择器 通过祖先找子孙的时候可以使用 注意目标标签是后面的子孙 并集选择器 语法 -- 目标选择器1,目标选择器2,目标选择器3 需一起选中多个选择器的元素时可以使用 注意目标标签是所有选择器 命名规则： 字母数字下划线 数字不开头 不用中文 避开关键字 9.选择器的权重基本选择器的权重 id选择器 > 类名选择器 > 标签选择器>继承(最低) 复合选择器的权重 使用的简单选择器之和 10.CSS存放位置(引入方式)内嵌式:style标签中 外链式:样式存入外部css文件 单独将css内容写入css文件中--只写选择器和样式内容 通过link标签引入css文件--href="css文件路径" 行内式:写在目标标签的style属性中--style="样式内容" 三种引入方式的选择 内嵌式 -- 结构和样式(HTML和CSS)混在同一文件 不需要加载外部css文件,加载速度快--电商首页 外链式 -- 代码分离--结构和样式分离--管理修改方法 除了电商网站的首页的其他情况 行内式 -- 一定不要用 引入方式的权重问题 内嵌式 = 外链式 行内式最高
| 
收藏
淘帖
踩
