- 没有项目经历怎么办
写个编辑器、组件、博客、阅读器、Chrome插件、日程管理、普通的单页、小游戏等。
-
所有的HTML标签都可以加上点击事件吗？
不是，<base>、<bdo>、
、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>都不适用。 -
html布局方式有多少种布局
1 浮动
2 定位
3 分栏布局
| 语法 | 作用 |
|---|---|
| column-count: auto/整数； | 控制栏数 |
| column-width: auto/length; | 每栏的宽度 |
| column-gap:length | 两栏之间的距离 |
| column-rule:宽度，线型，颜色； | 栏与栏之间的间隔线，类似border/solid/dotted/dashied |
column-width和column-count可以让一个元素进行多列布局
column-gap和column-rule就处在相邻两列之间
4 弹性布局
优点：
a.实用性强，可以做不同屏幕分辨率的界面时非常实用
b.可以随时按照宽度、比例划分元素的宽高
c.可以轻松改变元素的显示顺序
d.弹性布局实现快捷，易维护
| 语法 | 作用 |
|---|---|
| display:box; | 将一个元素的子元素以弹性布局进行布局 |
| box-orient:horizontal / vertical / inherit | 子元素排列方式 |
| box-direction:normal / reverse / inherit | 子元素的排列顺序 |
| box-align:start / end / center | 子元素的对齐方式 (规定水平框中垂直位置 或 垂直框中水平位置) |
| box-pack: start / end / center | 子元素的对齐方式(规定水平框中水平位置 或 垂直框中垂直位置) |
| box-flex:number; | 子元素如何分配剩余空间 |
| box-ordinal-group:number; | 子元素显示顺序 |
5 响应式布局
一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本
@media all(用于所有的设备)
|| screen (用于电脑屏幕,平板电脑,智能手机等) and|not|only(三个关键字可以选)
<style media="screen">
@media screen and (max-width:600px){
.con{
background:red;
}
}
@media screen and (min-width:600px) and (max-width:800px){
.con{
background:blue;
}
}
@media screen and (min-width:800px){
.con{
background:green;
}
}
.con{
width: 100%;
height: 100px;
}
</style>
</head>
<body>
<div class="con">
</div>
</body>
-
简历模板-技能特长
1.精通DIV+CSS布局的HTML代码编写，熟练手写符合W3C标准的代码，能够根据交互原型和UI设计图完整制作出网页；
2.熟悉Javascript、css和html，了解JQuery框架，且能熟练运用JS实现网页常用特效，掌握面向对象编程思想；
3.熟练应用dom等相关技术；
4.具备抗压能力、且有一定自学能力 -
简历模板-项目经验
1、按照psd文档内容切好图片，准备布局；
2、使用html、css完成网页布局；
3、进一步使用html和CSS进行页面效果优化；
4、检查代码，测试兼容性，修复bug；
5、总结并提交开发文档。1、根据项目做出个人开发计划，搭建开发环境进行项目开发；
2、使用DIV+CSS布局模式完成网页布局；
3、使用原生js写出网页各种特效；
4、添加公共部分，整理代码，完成页面优化；
5、处理兼容性问题，使用浏览器Firebug工具查询bug并进行修复；
6、总结并提交开发文档。 -
CSS的四种引入方式
1 行内式
<p style=""></>
2 内嵌式
<head>
<style type="text/css">
...此处写CSS样式
</style>
</head>
这种方法的使用情况要少的多，最长见的就是访问量大的门户网站。或者访问量较大的企业网站的首页。
3 导入式
<head>
<style type="text/css">
@import url(mystyle.css);
</style>
</head>
在整个网页装载完之后再装载CSS文件。
问题是：如果网页内容较大则会先显示无样式的页面，闪烁一下，再出现网页的样式
4 链接式
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
以网文件主体装载CSS文件，因此显示出来的网页从一开始就是带样式的效果
总结：
一般来说，做网站时把样式多写在多个样式表文件中，因此先用链接式引入一个总的CSS文件，然后在这个CSS文件中再使用导入式来引入其他的CSS文件。但如果通过JavaScript来动态引入CSS文件，则只能使用链接式。
-
简历模板-项目经验
-
简历模板-项目经验
-
简历模板-项目经验
-
WEB标准
分三方面：
1 结构化标准语言主要包括XHTML和XML
2 表现标准语言主要包括CSS
3 行为标准主要包括对象模型（如W3C DOM）、ECMAScript等
[1]https://baike.baidu.com/item/WEB%E6%A0%87%E5%87%86/217020?fr=aladdin -
为什么要清除浮动以及清除方法
1 因为当包含框的高度小于浮动框的时候，就会出现“高度塌陷”。
2
.clearfix:after {
display: block;
content: '';
clear: both;
height: 0;
}
-
什么是BFC及如何利用BFC包含浮动
1 BFC Block Formatting Context
2 folat -
表格
使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td； 表单域要用fieldset标签包起来，并用legend标签说明表单的用途； 每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。 -
继承
可以继承的属性很少，只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。 -
浏览器内核
主流浏览器内核私有属性css前缀：
mozilla内核 (firefox,flock等) -moz
webkit内核(safari,chrome等) -webkit
opera内核(opera浏览器) -o
trident内核(ie浏览器) -ms
网友评论