HTML/CSS 经典前端开发笔试面试题目

html5前端开发工作内容|web前端开发 最佳教程推荐|web html5前端开发工具

1、固定导航。
css:position:fixed;

2、<head></head> 中所加 html标签整理。
<head>
<title>网站名称</title>
<link rel=”shortcut icon” href=”favicon.ico” />
<meta name=”description” content=”网站内容的具体描述” />
<meta name=”keywords” content=”关键词_关键词_关键词” />
<meta name=”viewport” content=”directive,directive” /> <meta name=”viewport” content=”width=device-width” />
<head>

解释:
(1)”description“:为网站添加描述;
注意事项:1.准确的描述网页内容,不要堆彻关键词。
2.为每个网页创建不同的Description,避免所有网页都是有同样的描述。
3.长度合理,不要太长,也不要太短,控制在
以内。

(2)”keywords“:为网站添加关键词;
注意事项:1.关键词不要堆砌。
2.一般不要超过

3.关键词要与网站标题和网站内容有关联。

(3)”title“:用户在百度网页搜索中搜索到你的网页时,title会作为最重要的内容显示在摘要中,
一个主题明确的title,可以帮助用户更方便的从搜索结果中判断你网页上内容是否符合他要求;
注意事项:1.标题要主题明确,包含这个网页中最重要的内容。
2.简明精炼,不罗列与网页内容不相关的信息,否则会分散用户注意力。
3.用户浏览通常是从左到右的,重要的内容应该放到title的考前的位置。
4.使用用户所熟知的语言描述。
5.标题要对用户有吸引力。
6.要能让用户产生信任感。
7.一般不要超过

3、圆角
border-radius:5px;
-moz-border-radius:5px; 兼容 Firefox
-webkit-border-radius:5px; 兼容 Chrome
设置圆角全部为5像素
border-radius: 5px 5px 3px 3px;
border-radius: [左上] [右上] [右下] [左下];
4、透明度 cssopacity: 0.7;


5、display CSS:display:inline;
解释:
消除IE5、6中的浮动元素边距加倍的 bug
扩展: (1)inline 类型元素:img , span , a
(2)block 类型元素:div , p , 或者html中心的元素section , article
(3)block 类型元素,它们都是典型的结构化的元素,可以包含inline类型的元素。

6、CSS的overflow属性:hidden、scroll、inherit
定义和用法:
(1)overflow 属性规定当内容溢出元素框时发生的事情。
(2)JavaScript 语法:object.style.overflow=”scroll”
[table=50%]
[tr][td] visible[/td][td] 默认值。内容不会被修剪,会呈现在元素框之外。[/td][/tr]
[tr][td] hidden[/td][td] 内容会被修剪,并且其余内容是不可见的。[/td][/tr]
[tr][td] scroll[/td][td] 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。[/td][/tr]
[tr][td] auto[/td][td] 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。[/td][/tr]
[tr][td] inherit[/td][td] 规定应该从父元素继承 overflow 属性的值[/td][/tr]
[/table]

7、css超出一行添加省略号属性<p style=”width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;”>

####text-overflow: ellipsis; (text-overflow属性仅是注解,当文本溢出时是否显示省略标记。####)**####white-space:nowrap; (强制文本在一行内显示####)**####overflow:hidden;(溢出内容为隐藏####)

前端开发应届生面试|前端开发经验怎么写?|前端怎么用微信公众号开发?

» 本文来自:前端开发者 » 《HTML/CSS 经典前端开发笔试面试题目》
» 本文链接地址:https://www.rokub.com/3877.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!