1. 给父级加高度（这种方法扩展性不好，但兼容度高 ） 2. 给父级浮动 /开启绝对定位/固定定位 3. overflow:hidden 4.空标签清除 <br clear:both> ...
css清除浮动有哪几种方式？
阅读全文
css浮动原理和工作方式，会产生什么影响呢，要怎么处理？
工作方式：浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 影响: 浮动会导致父元素无法被撑开，影响与父元素同级的元素。 与该浮动元素同级的非浮动元素，如果是块级元素，...
面试问：CSS有哪些选择器？权重怎么计算的？
CSS选择器分基本选择器(元素选择器，类选择器，通配符选择器，ID选择器，关系选择器),属性选择器，伪类选择器，伪元素选择器，以及一些特殊选择器,如has，not等。 在CSS中，权重决定了哪些CSS...
面试官问什么是CSS reset 如何回答?
在不同浏览器之间，默认样式有着诸多差异和问题，而为了在不同浏览器之间具备相同的视觉效果，开发人员往往会在样式表文件中引入一段CSS代码，如meyerweb.com/eric/tools/…，我们把这个...
innerText与innerHTML属性有什么区别
innerText: innerText可以获取标签间的内容，如果标签间只有文本的话，则是直接获取。如果标签间还有嵌套标签的话，则会将嵌套标签忽略掉获取文本。 innerText在给标签设置内容的时候...
HTML5学习笔记之表单标签
1.作用: 用于收集用户信息, 让用户填写、选择相关信息 2.格式: <form> 所有的表单内容，都要写在form标签里面 </form> 3.注意事项: 所有的表单内容，都...
HTML5学习笔记之表格标签
1.作用: 以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.格式: table定义表格 tr定义行 td定义单元格 3.表格中的属性 borde...
HTML5学习笔记之基础标签
一.列表标签 1.无序列表(unordered list) 无序 : 没有先后之分 1) 作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后 2) 格式: li 英文...
HTML5学习笔记之音视频标签
一. video标签 1. 作用: 播放视频 2. video标签格式1: <video src=""> </video> 3. video标签的属性 src: 告诉video...
HTML5的六种错误用法 前端请避坑
一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样...
语义化HTML是什么？有啥实用意义？
语义化HTML是什么？有什么意义？ 所谓语义化HTML，就是从代码层次表达程序员的想法、思路，同时描绘出网站页面的结构： 与同为人类的程序员沟通，帮助程序员快速掌握当前代码。这一点其实是可以通过注释来...
什么是html语意化？写代码时应注意什么？
1、什么是HTML语义化？ <基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等> 根据内容的结构化（内容语义化），选择合适的标签（代码语义...
HTML 5革新之一：语义化标签一节元素标签
HTML 5的革新之一：语义化标签一节元素标签。 在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标...
HTML语义化标签是什么?HTML5新增哪些及大厂怎么做？
什么是HTML语义化 说HTML语义化就要先说说HTML到底负责的什么？下面摘自维基百科： 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页...
css将div元素高度设100%无效解决办法
不想设置一个div的高度或者不知道它具体高度的时候，通常都会设成：height:auto;但跟多时候，会想把它的高度设置成100%。以此来适应不同分辨率情况下的窗口。 当我们也实际那样操作就会发生很奇...
css em rem单位如何转换为像素值？
em 单位如何转换为像素值： 所得的像素值=当前元素的font-size*em值 例如，如果一个div有18px字体大小，10em将等同于180px，即10 × 18 = 180。 CSS设置padd...
css单位px、pt、em和rem的区别与选择
css单位的一个简单整理: 单位 类型 描述 px(pixel,像素) Absolute 1个Viewport像素，相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 pt(point,磅) Ab...
网站无障碍功能的10条基本准则
十条关于网站无障碍功能的准则，它们能保证你的网站对任何人（包括残疾人）都是可用的。 W3C的主席蒂姆·伯纳斯-李说过一句话：“网络的力量在其普遍性”。作为以制作网站为生的人来说，我们的责任就是要使每个...
8个css技巧 帮助你减少重复规则和复写
8个css技巧来帮助你减少重复规则和复写，在布局中标准化样式流程，不仅可以帮助你高效地创建自己的框架，而且可以解决许多常见的问题。 1、使用CSS重置（reset） css重置库如normalize....
手机网站如何制作才能少花钱？
手机网站如何制作： 1、免费建手机网站系统，若然你可以接受嵌入广告、网站的各种功能与系统限制，可以考虑使用免费建站系统做网站，你可以省下手机网站系统费用、网站空间费用。 适合群体： 没有开发能力的网页...
CSS3 transform 属性详解
css3 中 transfrom 属性用户元素空间位置的变换。 本文结果中展示的画面都是基于下图进行的变换 transform二维变换 Matrix 3x3 的变换矩阵 对二维向量进行转换 其中 x1...
“论资排辈”深入理解CSS中层叠上下文和层叠顺序
默认情况下，网页内容是没有偏移角的垂直视觉呈现，当内容发生层叠的时候，一定会有一个前后的层叠顺序产生，有点类似于真实世界中论资排辈的感觉。 而要理解网页中元素是如何“论资排辈”的，就需要深入理解CSS...
精简优化CSS代码缩小css文件体积的方法
为什么我们需要一个尽可能小的 CSS 文件呢？这主要是基于流量和读取速度两方面考虑。小的 CSS 文件可以节省你的服务器流量，同时缩短用户打开你网页所需的时间。既节省了流量开支，又获得了更好的用户体验...
HTML5 移动页面自适应手机屏幕四类方法
1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 ...
16