今天完成了三天WEB前端培训的预科,温习了一些以前的旧知识，也学会了很多新东西。
关于HTML
- 重新温习了各种标签，以及标签的常用样式。
- 做了几个简单的小案例。
关于工具
- 使用了Sublime作为主要工具，因为比较简洁，代码提示少，少用提示多手打
- 使用PS切图，学会了一些PS的基本操作。
- 使用chrome浏览器，查看效果以及查找错误。
温习标签以及属性：
<!DOCTYPE html> 标准网页声明 告诉浏览器这是一个html文件
<html lang="en"> 指定当前是什么语言的网站
<meta charset="utf-8"> 指定让网页识别多国编码
<meta> 元信息标签 给网页添加一些辅助信息
weight 宽
height 高
color 颜色
background为复合写法对顺序不要求
background-color 背景颜色
background-image url() 背景图片
background-repeat no-repeat(不平铺) repeat-x（沿X轴平铺）repeat-y(沿Y轴平铺) repeat(平铺)
background-position x y 背景位置
border-style solid(实线) dashed(虚线) dotted(点线)
font为复合写法 对顺序有要求
font-family 字体
font-size 字体大小
font-weight 粗细
font-style 字体样式 normal(正常） italic(斜体)
text-decoration overline(上划线) underline(下划线) line-through(删除线)
text-transform uppercase(全部大写) lowercase(全部小写) capitalize(首字母大写)
text-indent 首行缩进 (主要针对中文) 单位px(像素) em(相对单位 1em就是一个字体大小)
text-align 文本对齐方式 left right center justify(两端点对齐)
line-height 行高 为上行高加文字高度加下行高 测量行高 从文字的顶部到第二段文字顶部 单位px 或（字体倍数）
letter-spacing 字间距
word-spacing 词间距(针对英文)
padding 内边距padding-left padding-top padding-bottom padding-right
复合写法 padding：10px （上下左右） padding：20px 30px （上下，左右） padding：20px 30px 50px 20px （上 右 下 左）
margin 外边距 margin-left margin-top margin-bottom margin-right
注：padding不可以设置负值 margin可以
背景色背景图都会默认填充在padding区域
当一个盒子不写宽度时默认与父容器同宽
当一个盒子没有宽度，如果border margin padding增加 盒子大小不变 content会变小。
开发一个网页前要去掉默认标签样式css reset
*{margin：0 padding：0;} *叫做通配选择器 所有标签都会被选中
ul{list-style=none;}去掉列表前的点
<a text-descriation:none;></a>
Sublime以前不会的快捷键：
- ctrl+shift+d 快速复制一行
- ctrl+shift+方向键 快速挪动一行
- shift+TAB 向前缩进
- ctrl+y 前进
- ctrl+enter 快速创建空行
- 以及TAB键的使用
PS的使用以及快捷键：
使用PS进行图片的截取，拉取辅助线，使用截取工具截取以及精准测量大小
视频：链接: https://pan.baidu.com/s/12j0XkzKU0q_cXsjf-ZAIMQ 提取码: njwc
下周开始正式的WEB前端学习。
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
