行内元素有哪些?块级元素有哪些?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% */