技术心得：
一，
1.计算机的基本介绍：定义{计算机是可以自动高效进行计算的电子设备（数学逻辑运算，数据记忆储存，通过指令自动高效的计算。）}
2.计算机的组成：软件系统，硬件系统
3.硬件系统有五大部分组成：输入设备，输出设备，计算器，控制器，存储器
4.软件系统：电脑办公系统（windows ，macos ，Linux）移动端操作系统（Android，iOS）服务器操作系统（Linux，Windows sever）
5.常见进制：二进制；八进制；十进制；十六进制；
6.编码自然语言编译为机器语言：ascll， gbk， utf-8
7.计量单位：一个字节等于八个位 100 bit =B 1000B =1KB 1000KB=1GB 1000GB MB= 1TB
8.DOS命令：time 当前时间 ctrl+c退出正在运行的文件 shutdown /s /t 设置关机 shutdown /a 取消关机 ping 网址 ipconfig-all 显示计算机当前所有网卡信息 cd+目录名 切换当前目录的子目录 cd .. 返回上一目录 cd / 返回当前盘符根目录 dir 将某个目录的内容以列表形式列出 md 创建文件 rd删除空文件 echo创建文本 del删除文档 rd+s删除文件 copy复制文档 move移动文档
9.Html三大组成：html css js
10.Html骨架 <DOCTYPE html/>文档类型是html <html></html>根目录 < head> < /head>标签头部 <meta charset="UTF-8"> -- 页面编码标准 <title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上 <body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中
11.标签有两种：单标签双标签 ；标签属性的写法 键值对: 属性名="属性值" <标签名 属性名1="属性值" 属性名2="属性值">
12.空格和换行的实现方法：空格实体 --   ；换行标签 -- <br />
13.基础html标签：h1 h2 h3 h4 h5 h6
二，
1.路径：绝对路径 从盘符(根目录)为起点,找目标文件,经过的目录都用" / "隔开； 相对路径 从当前目录为起点,找目标文件,经过的目录都用" / "隔开
2.超链接：超链接标签使用<a></a>标签可以实现 ；超链接的作用一般是点着一个文字,跳转到一个页面,所以一个超链接最基本的内容包含两个部分；点击的内容-- <a>点击的内容</a>；跳转的连接-- <a >点击的内容</a>；<a href="本地资源路径">点击的内容</a>
3.新窗口打开简介地址：<a href="本地资源路径" target="_blank">点击的内容</a> -- shift 减号 英文状态
4.空链接：点击后不会发生跳转的链接；<a href="#">点击的内容_点击后不跳转</a> 一个#号点击后会瞬移到页面顶部 <a href="###">点击的内容_点击后不跳转</a>；<a href="javascript:;">点击的内容_点击后不跳转</a>；<a href="javascript:void(0);">点击的内容_点击后不跳转</a>
5.表单：表单的作用--web网页上用来收集用户数据form，通过某种方式method,将数据提交到后台程序action ；<form action="" method="">；action--数据提交给哪个后台程序；method--通过什么方法传递 get--明文传递--直接写纸上 post--加密传输--信封装起来；
6.常见表单元素
<input type="text" /> 普通文本框 文字内容能够显示 提示内容--placeholder属性
<input type="password" /> 密码框 输入内容被星号*代替
<input type="radio" name="xb" /> <input type="radio" name="xb" /> 单选按钮 每个单选按钮设置相同name属性值 默认选中-checked="checked"
<input type="checkbox" /> 复选框/多选框 可以全选,选一部分 默认选中-checked="checked"
<select> <option>选项1</option> <option>选项2</option> </select > 下拉框 select--下拉框 option--下拉选项 注意下拉框中选项的数量和顺序 默认选中-selected="selected"
<textarea rows="行数" cols="列数"> </textarea> 文本域 通常大小通过CSS设置 不用rows和cols 禁用大小拖拽-resize:none;
<input type="button" value="提示"/> 普通按钮 文字通过value属性设置 普通按钮效果通过js实现
<input type="reset" value="提示"/> 重置按钮 恢复默认 设置value属性 避免默认内容兼容问题
<input type="submit" value="提示"/> 提交按钮 提交表单数据到action指定的后台程序 设置value属性
<label for="目标元素id值">点击的内容</label> 扩大文字点击范围 for属性="目标元素id值" 目标元素需要有id属性
7.基础选择器 ：标签选择器 -- 标签名 一般标签都重复 需要选中某些标签时使用；ID选择器 -- #id属性值 id属性不允许重复 唯一选中标签时使用；类名选择器 -- .一个类名 类名可以重复 class属性可以有多个类(class="bz ldxns"),用其中一个 选中属于某个类的标签时使用
8.Css特性：继承性 子孙元素继承父级元素的样式 ；覆盖性 同一选择器设置同一样式,后设置的覆盖先设置的
9.复合选择器：后代选择器 并集选择器
10.命名规则：不允许数字开头 ；不允许使用特殊符号（下划线 _ 中划线 - 除外 ）；不推荐使用中文；见名知意
三，
1.选择器的权重：基本选择器的权重 ， id选择器100 > 类名选择器10 > 标签选择器1>继承(最低)；复合选择器的权重 使用的简单选择器之和
2.Css存放位置：内嵌式:style标签中 ； 外链式:样式存入外部css文件， 单独将css内容写入css文件中--只写选择器和样式内容 ，通过link标签引入css文件--href="css文件路径"；行内式:写在目标标签的style属性中--style="样式内容"；三种引入方式的选择（ 内嵌式 -- 结构和样式(HTML和CSS)混在同一文件 不需要加载外部css文件,加载速度快--电商首页；外链式 -- 代码分离--结构和样式分离--管理修改方法 除了电商网站的首页的其他情况；行内式 -- 一定不要用）；引入方式的权重问题 内嵌式 = 外链式 行内式最高
3.盒子模型：组成: 内容--内边距--边框--外边距；边框(内容的边框)--border(粗细 线样式 颜色）；内边距{内容和边框之间的距离（一个值: 所有 两个值: 上下-左右 三个值: 上-中(左右)-下 四个值: 上-右-下-左）}外边距{两个盒子边框之间的距离（一个值: 所有 两个值: 上下-左右 三个值: 上-中(左右)-下 四个值: 上-右-下-左）}
4.结构标签:header--头部 ;footer--底部 ;nav--导航栏; aside--侧边栏; article--文章块
5.音频视频标签：音频 （src--文件路径；controls--播放控制栏；autoplay--自动播放；loop--重复循环播放；source标签--加载音乐文件；） 视频 （controls--播放控制栏；autoplay--自动播放 loop--重复循环播放；<a href="myvideo.webm">下载视频</a>--当视频无法加载时才会显示；）
由于学习掌握的情况本次总结到此结束！
|
|
收藏
淘帖
踩
