关于的div+css是前端基础的问题，只要看看css手册就能明白。下面是我根据问题简单写了个例子，不清楚的可以继续交流。
css语法基础：
css背景图涉及到css中的～/ background语法；
实例：
<!DOCTYPE html><html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta ;
实例效果图：
实例效果图代码查看器中h1标签元素使用css的background背景，no-repeat为不平铺。
有不清楚的继续交流吧！
如果定位元素的层级是一样，则下边的元素会盖住上边的通过z-index属性可以用来设置元素的层级
可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示
设置元素的透明背景
0 表示完全透明
1 表示完全不透明
05 表示半透明
alpha(opacity=透明度)
透明度，需要一个0-100之间的值
0 表示完全透明
100 表示完全不透明
50 半透明
这种方式支持IE6，但是这种效果在IE Tester中无法测试
使用background-image来设置背景
语法：background-image:url(相对路径);
- 如果背景大于元素，默认会显示的左上角
- 如果背景和元素一样大，则会将背景全部显示
- 如果背景小于元素大小，则会默认将背景平铺以充满元素
可以同时为一个元素指定背景颜色和背景，这样背景颜色将会作为背景的底色
一般情况下设置背景时都会同时指定一个背景颜色
可选值：
repeat，默认值，背景会双方向重复（平铺）
no-repeat，背景不会重复，有多大就显示多大
repeat-x， 背景沿水平方向重复
repeat-y，背景沿垂直方向重复
背景默认是贴着元素的左上角显示
通过background-position可以调整背景在元素中的位置
可选值：
该属性可以使用 top right left bottom center中的两个值来指定一个背景的位置
top left 左上
bottom right 右下
如果只给出一个值，则第二个值默认是center
也可以直接指定两个偏移量
第一个值是水平偏移量
- 如果指定的是一个正值，则会向右移动指定的像素
- 如果指定的是一个负值，则会向左移动指定的像素
第二个是垂直偏移量
- 如果指定的是一个正值，则会向下移动指定的像素
- 如果指定的是一个负值，则会向上移动指定的像素
background-attachment用来设置背景是否随页面一起滚动
可选值：
scroll，默认值，背景随着窗口滚动
fixed，背景会固定在某一位置，不随页面滚动
不随窗口滚动的，我们一般都是设置给body，而不设置给其他元素
做完功能以后，发现在第一次切换时，会发现有一个非常快的闪烁，这个闪烁会造成一次不佳的用户体验
产生问题的原因：
背景是以外部资源的形式加载进网页的，浏览器每加载一个外部资源就需要单独的发送一次请求
但是我们的外部资源并不是同时加载，浏览器会在资源被使用时才去加载资源
我们这个练习，一上来浏览器只会加载linkpng
由于hover和active的状态没有马上触发，所以hoverpng和activepng并不是立即加载的
当hover被触发时，浏览器才去加载hoverpng
当active被触发时，浏览器才去加载activepng
由于加载需要一定的时间，所以在加载和显示过程会有一段时间，背景无法显示，导致出现闪烁的情况
为了解决该问题，可以将三个整合为一张，这样可以同时将三张一起加载，就不会出现闪烁的问题了
然后再通过background-position来切换要显示的的位置，这种技术叫做整合技术（CSS-Sprite）
在HTML中，使用table标签来创建一个表格
在table标签中使用tr来表示表格中的一行，有几行就有几对tr
在tr中需要使用td来创建一个单元格，有几个单元格就有几个td
table和td边框之间默认有一个距离，通过border-spacing属性可以设置这个距离
border-collapse可以用来设置表格的边框合并
如果设置了边框合并，则border-spacing自动失效
隔行变色：
tbody > trnth-child（even/odd）
有一些情况下表格是非常的长的，这时就需要将表格分为三个部分，表头，表格的主体，表格底部
在HTML中为我们提供了三个标签：
thead 表头
tbody 表格主体
tfoot 表格底部
这三个标签的作用，就来区分表格的不同的部分，他们都是table的子标签，都需要直接写到table中，tr需要写在这些标签当中
thead中的内容，永远会显示在表格的头部
tfoot中的内容，永远都会显示表格的底部
tbody中的内容，永远都会显示表格的中间
如果表格中没有写tbody，浏览器会自动在表格中添加tbody
并且将所有的tr都放到tbody中，所以注意tr并不是table的子元素，而是tbody的子元素
以前表格更多的情况实际上是用来对页面进行布局的，但是这种方式早已被CSS所淘汰了
表格的列数由td最多的那行决定
表格是可以嵌套，可以在td中在放置一个表格前端更换背景图，传递到后端
后端接收的参数：>1自荐简历一定要署名
招聘季的招聘信息发出去后，HR的邮箱会收到大量简历，邮件标题和附件基本上一大半都是不署名的。HR去对当初写的评价，很耗时，效率奇低。HR会对你的印象大大减分的。所以，如果自荐简历的话，一定要在邮件标题、简历附件文件名上写清楚，谁、应聘什么岗位、建议层级（初级、资深、专家），好让HR下载完附件之后不用再重命名了。
2务必要有word或pdf格式的简历
现在好多人简历直接挂网上，或者是 HTML 的，这种简历HR处理起来很费劲。在录入系统时，支持 word 和 pdf 格式的最多，上传完附件后好多字段直接就被系统读出来了。支持HTML简历的最少，一页 HTML 简历源码能表现的东西实在有限，所以 word 和 pdf 格式的载体足够了，事实证明花精力在这上面是完全没意义的，要多把精力放在简历内容上。
3简历要表现出亮点，最好有作品
前端技术目前也分化得相当厉害，不严格划分的话，有 NodeJS、H5、Hybrid、架构和业务研发等方向。每个方向都深入，有点太难为人，但至少某一个方向要非常精钻非常深入，简历里就可以重点标出这个长处。
不如把自己最擅长的那个语言或技术高亮加粗出来，面试的时候HR就直接绕过其他，专从这个“高亮加粗”部分来做一些技术探底了，以此来引导面试官来问你擅长的部分，更有利于扬长避短。！
如果擅长 Node，就看看 NPM 上提交的模块，install 下来演示下，讲讲核心代码。如果是一个组件，就直接看 Demo，讲设计封装思路。如果是一套脚手架工具，直接画架构图，讲原理和适用场景。如果是项目，那就 show 下你作为 PM 发的Release 邮件！作品不仅仅是这些，也可以是技术专利、设计方案、成功的带人案例、成功的团建案例等，只要内容充实接地气，脉络（可以是代码、也可以是一件事）清晰。所以，简历里要适当带有这些储备好的作品，备着面试时狂秀一下。
4突出重点，展示能力
现在招一个能干活的人不难，难的是招一个能解决问题的。特别是像业务性研发部门，既要满足业务方那边的要求，又要警惕需求陷阱，准确识别出刚性需求，出方案，推执行，Release 结果。所以，应对每个环节所需的技能，最好在简历里有所表现。具体说就是描述每个项目时，不仅要有背景、过程，还要有你为这个项目带来的结果。
5全绿的 Github 提交记录
简历里附上 Github，最好提交记录那里泛绿的部分，如果进到 Github 首页就想点开项目列表，找项目去读的；如果看到有那种长时间维护的、Readme 写的清楚的、一本正经的写上“转载注明出处的”，基本上抓起电话就开聊了，结果基本上也不会差。
6其他关注和不关注
关注：每次换工作的离职原因，可量化的工作成果，能代表你最高水平的项目要写详细，标红加粗下划线，在简历中强调出来。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）