前端面试题(HTML+CSS)

行内元素有哪些?块级元素有哪些?CSS 的盒模型?
行内元素:input,br,span,a,i,del,select
块内元素:div,p,ul,h1,h2,from
CSS的盒模型:border,margin,padding


CSS 引入的方式有哪些? link 和@import 的区别是?
1.内联式

内联式是指在行内直接加入style=""中直接编写样式,内联式的样式代码复用率为0,页面效果冗杂。

2.嵌入式

嵌入式是指在<head>标签内编写的样式,只对当前页面有效,也不利于代码的维护和复用

3.连接式

链接式是指在头部使用<link rel="stylesheet" type="text/css" href="">中引入样式

4.导入式

导入式是指在css中使用

<style>
@import url(style.css);
</style>

进行导入

link和@imoirt的区别在于,link是XHTML标签,除了加载css外还可以进行其他事务的操作,@import是css的语法,只可以用来加载css
link是在页面加载的同时进行css的加载,而@import是在页面加载完成时候,再进行css的加载
link可以使用js进行操作而@import不行


CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 important 哪个优先级高?
css选择符有:通配选择器,标签选择器,类选择器,ID选择器,简单属性选择,具体属性选择,根据部分属性值选择,特定属性选择,从结构上来分还有后代选择器,子元素选择器,相邻兄弟选择器以及伪类。
可继承的属性有(太多了):例如 color,text-size,text-family等
优先级算法:通配符选择器0,标签选择器1,类、简单属性、伪类选择器10,ID选择器100,important 1000
内联选择器高于important


前端页面由哪三层构成,作用分别是什么?
1.结构层(html):架构
2.表示层(css):美化页面
3.行为层(js):实现dom的行为


CSS语句的基本构成是什么?
属性名{若干属性} * n


如何居中一个浮动元素
left: 50%;

transform: translateX(-50%); /* 移动元素本身50% */
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值