HTML
1.<img>标签上title属性与alt属性的区别是什么？
答：alt当图片显示不出来的时候，alt的值会显示出来，tiltle不会显示
2.分别写出以下几个HTML标签：文字加粗、下标、居中、字体
答：文字加粗 b strong 下标 sub 居中 center 字体 font （居中不熟）
3.请说说你对标签语义化的理解？
答：看标签识含义以及该标签该有的内容。
4.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
答：<!DOCTYPE html>说明该文件的文档的类型是html
严格模式：及标准模式，是指浏览器按照 web标准解析代码。
混杂模式：是兼容模式，是指浏览器用自己的方式解析代码。
标准模式总会遇到兼容性问题。。
5.你知道多少种Doctype文档类型？
答：<!DOCTYPE html> 声明html5的文档
<!DOCTYPE xhtml> 声明的是html4的文档
6.HTML与XHTML——二者有什么区别
答：Html 是指html5文档包含HTML所有元素
但XHTML 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）
Xml 仅仅是存储数据的
7.iframe的优缺点？
是一个标签 在一个页面显示另一个页面（尝试）
8.请阐述table的缺点
答：（1） 太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量。
（2） 灵活性差，比如要将tr设置border等属性，是不行的，得通过td
（3） 代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱
（4）混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱。
（5）不够语义
9.简述一下src与href的区别
答：src用于替换当前元素，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置
href用于在当前文档和引用资源之间确立联系，向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接
CSS
1. 谈谈你对CSS布局的理解
答：常见的布局方式：固定布局、流式布局、弹性布局、浮动布局、定位布局、margin 和 padding
2. 请列举几种可以清除浮动的方法（至少两种）
答：（1）额外标签法：在浮动元素的后边加上标签 <div style="clear: left;"></div>
（2）overflow属性：在父元素中添加 overflow: hidden;
（3）使用after伪元素清除浮动：给父元素添加 .clearfix::after { content: ' '; display: block; clear: both; }
（4）双伪元素清除浮动:给父元素添加after以及before伪元素
3.请列举几种隐藏元素的方法
答：（1）display：none；不占位置 （2）overflowl: hidden; 多出的部分隐藏掉
（3）visibility：hidden 占位置
4.如何让一段文本中的所有英文单词的首字母大写
答：Text-transfrom：capitalize 第一个字母转换成大写
5.请简述CSS样式表继承
答：Css属性向下传递，使其子代，子类可以继承一些属性
6.请简述CSS的选择器
答：id选择器 class选择器 标签选择器 多类名选择器 子代选择器 后代选择器 交集选择器 并集选择器 伪类选择器
7.CSS伪类与CSS伪对象的区别
答：区别：他们是否创造了新的元素
伪类：一开始用来表示一些元素的动态状态，随后CSS2标准扩展了其概念范
围，使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类
伪对象：代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实
际存在于文档树中
8.请简述CSS的权重规则
答：（1）、在同一个元素中 !important>style>ID选择器>类名选择器>标签选择器>通配符选择器
（2）本身选择器的样式>继承过来的样式
权重 标签 0，0，0，1 类 0，0，1，0 id 0，1，0，0 行内 1，0，0，0
9.请写出多种等高布局
答：（1）使用padding后者margin 让其等高布局 （2）使用定位使其等高 （3）浮动 宽高
10.在CSS样式中常使用px、em，各有什么优劣，在表现上有什么区别？
答：（1）Px 是相对长度单位 相对于显示屏幕分辨率而言的。
（2）em是相对长度单位，相对于当前对象内文本的字体尺寸
（3） rem 可以给根元素字体的像素16px 然后font-size：1rem；，就是16px
11.CSS中link和@import的区别是什么？
答：Link是html标签，页面加载时link也加载 @import引入外部资源 是一个样式 先加载标签，在加载样式
12.position的absolute与fixed共同点与不同点
答：absolute: 父元素没有定位，元素相对于视口定位；父元素有相对定位时，元素相对于父元素定位。不占位置
fixed:相对于浏览器窗口定位 不占位置
13.position的值，relative和absolute分别是相对于谁进行定位的？
答：relative：相对于元素本身定位
absolute：父元素没有定位，元素相对于视口定位；父元素有相对定位时，元素相对于父元素定位
14.CSS3有哪些新特性？
15.为什么要初始化CSS样式？
答：*{}兼容性 以及一些常用样式进行初始化
16.解释下CSSsprites原理，优缺点
答：精灵图把页面中的一些背景图片整合到一张图片文件中 优点：减少了HTTP请求，减少图片命名 ，提高页面的加载速度 缺点：维护复杂，每个都要定位准确
17.解释下浮动和它的工作原理？
浮动：元素会脱离标准普通流的控制，移动到指定位置的过程
18.浮动元素引起的问题
答：多个浮动起的元素是无法撑开父元素的宽度，父元素的高度可能会变成0。
还有若浮动元素前面还有同级元素没有浮动则会影响页面结构
19.什么是FOUC（无样式内容闪烁）？你如何来避免FOUC？
如果使用import方法对CSS进行导入，会导致某些页面在Windows下的IE出
现一些奇怪的现象：
以无样式显示页面内容的瞬间闪烁，这种现象称之为文档样式短暂失效(Flashof
UnstyledContent)，简称为FOUC。
原理：当样式表晚于结构性html加载，当加载到此样式表时，页面将停止之前
的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂的花屏现
象。
解决方法：使用LINK标签将样式表放在文档HEAD中。
20:link、:visited、:hover、:active的执行顺序是怎么样的？
答：Link visited hover active 规律后台写死
21经常遇到的浏览器兼容性有哪些？如何解决？
答：谷歌等浏览器 元素带有默认边距 运用初始化 *{margin：0；padding：0；}
22有哪项方式可以对一个DOM设置它的CSS样式？
答：（1）内联样式 （2）外联样式 （3）行内样式
23什么是外边距重叠？重叠的结果是什么？
答：（1）当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者 ,这种现象被称为相邻块元素垂直外边距的合并（也称外边距塌陷）
（2）对于两个嵌套关系的块元素，如果父元素没有上内边距及边框， 则父元素的上外边距会与子元素的上外边距发生合并， 合并后的外边距为两者中的较大者
24rgba()和opacity的透明效果有什么不同？
答：opacity作用于文背景颜色、内容的透明度，其父元素加了，里面的子代被改变透明度
rgba()只作用于颜色或其背景色。
posted on
