- 单行文本溢出显示省略号
- 必备条件 必须设置固定的宽度
- 1.white-space：nowrap；//文本单行显示
- 2.overflew：hidden； //溢出隐藏
-
- text-overflew：ellipsis； //溢出的文本显示省略号
命名
- 以英文字母开头，建议开头字母小写。
- 尽量不要使用英文缩写。例如：footer缩写为f
- 如果一个主功能里面分为左右两部分，对左右两部分分别命名时采用主功能在前，方位在后的命名方式。
- 例如：footer内包含左右两部分，我们可以采用以下命名法：
- footer-left，footer-right连字符方式
- footerLeft，footerRight 小驼峰式命名法
浮动 float
| 属性值 |
描述 |
| left |
左浮动 |
| right |
右浮动 |
| none |
默认值：不浮动 |
- 浮动特点
- 浮动元素在一行排布
- 设置左浮动时，元素从左向右排布，设置右浮动时，元素从右向左排布。
- 浮动元素都具备块元素特性（可以设置宽和高）
- 浮动元素内的子元素脱离文档流（常规流），也就是说浮动元素的父元素不能识别浮动元素的高度和位置。
清除浮动的几种方式
- 1.直接给浮动元素父级设置一个高度 不推荐使用
- 2.用clear：both清除浮动
- 要求
- 元素需要是块级元素
- 元素不能带有浮动属性
- 元素必须放在浮动元素最后面
- 这个元素不能被用户看到
- 3.用伪元素方式清除浮动
.clearfix:after{
display: block;
content: "";
clear: both;
height: 0;/*解决ie 6 7 8 版本默认文档出现1像素问题*/
font-size: 0;
overflow: hidden; /*溢出隐藏*/
visibility: hidden; /*为了防止元素内有内容显示出来*/
}
.clearfix{*zoom:1;}/*只有ie7可识别 css hack写法*/
面试题：如何让一个元素消失在视野中
- 1.删掉
- 2.
display：none 隐藏元素 不占位置
- 3.给元素设置margin-left 负值
- 4.利用透明度来实现
- 5.text-indent 可以实现文本隐藏效果 设置负值
- 6.visibility：hidden 可以实现元素的隐藏 。虽然隐藏了，但还是占位置的。
PhotoShop 应用
- 打开方式
- 1.打开图片存放的目录，右击选择打开方式。（针对所有格式的图片jpg，png，psd）
- 2.在ps中按ctrl+O快捷键
-
- 在ps中双击空白处
- 快捷键
- 1.不需要选中放大栏中的放大镜
-
- 点击工具栏中放大镜后鼠标点击图片可实现放大功能，按住
alt并点击图片可实现缩小功能
- 移动工具 快捷键“V”
- 选区工具 快捷键“M”
- 标尺“CTRL+R”
- 抓手工具“H”
- 保存为web格式
- 文件->导出->存储为web所用格式
- 快捷键：ctrl+shift+alt+s
- 保存时需要注意选择：选中的切片
- 历史记录
- 裁切图片的第二种方式
- 1.选中图层
- 2.将选中的图层转换成智能对象
-
- 双击图层中右下角图标->点击确定
- 4.当图片没有实现精细裁切时，需点击图像->裁切 选择透明像素，点击确定
-
- 若还不精细需要用切片工具进行裁切
- 前景色和背景色
改变文本与标尺单位
信息
