H5C3
关注
分享
扫一扫
文章平均质量分 80
H5C3
tinfengyee
这个作者很懒，什么都没留下…
展开
-
HTML面试相关问题整理
HTML面试相关问题整理前言HTML5语义化b 与 strong 的区别和 i 与 em 的区别？浏览器架构为什么最好把 CSS 的``标签放在``之间？为什么最好把 JS 的`前言写完CSS面试相关问题整理，继续整理。HTML5语义化什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。好处易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎...原创 2020-04-24 16:53:51 · 457 阅读 · 0 评论 -
CSS面试相关问题整理
CSSCSS 选择器的优先级是如何计算的？css盒子模型CSS 选择器的优先级是如何计算的？css盒子模型盒模型的概念:网页中，每一个元素都占有一定的空间，无论是div、h1~h6、还是p，都可以看成是盒子。盒模型的概念:网页中，每一个元素都占有一定的空间，无论是div、h1~h6、还是p，都可以看成是盒子。盒模型的组成: content（内容）、padding（内边距）、borde...原创 2020-04-23 23:16:09 · 560 阅读 · 0 评论 -
CSS布局系列
前言一般布局前可以先重置一下样式，如这个仓库，使用normalize.css和reset一些常用的属性（如清除浮动等）/** * 1. Avoid the IE 10-11 `min-height` bug. * 2. Set `flex-shrink` to `0` to prevent some browsers from * letting these items shrin...原创 2020-04-23 17:46:20 · 288 阅读 · 0 评论 -
Holy Grail 圣杯布局详解
IntroductionI’m sorry. Really. I didn’t name it. I don’t mean to overstate its importance or trivialize the other and rather weightier Holy Grails.But the name’s out there, and we all know what it...转载 2020-04-23 17:42:49 · 912 阅读 · 0 评论 -
前端响应式布局原理与方案（详细版）
引言本文转自： 前端响应式布局原理与方案（详细版）响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 plus,ipad pro,dell台式宽屏(1440 X 900)。...转载 2020-04-22 16:40:16 · 643 阅读 · 0 评论 -
css元素水平垂直居中详解
css元素水平垂直居中导读水平居中垂直居中水平垂直居中参考导读一般常用水平或垂直居中主要使用的属性为margin、position:absolute;、transform、flex、vertical-align、text-align、line-height…页面结构vertical-align: middle;针对行内块元素使用 , 如 input 对齐, img 去掉下边空白,...原创 2020-04-21 23:36:15 · 296 阅读 · 0 评论 -
CSS块级格式化上下文（BFC）与清除浮动详解
BFC1. 什么是BFC2.BFC元素所具有的特性3.如何创建BFC4.BFC的应用场景1. 解决块级元素垂直方向的边距重叠问题2.解决元素浮动后发生重叠的问题(自适应布局)右边自适应布局中间自适应布局3.清除浮动1.`overflow: hidden`清除浮动（计算BFC浮动元素高度）2.`clear:both` 清除浮动3.利用伪元素和BFC清除浮动总结参考1. 什么是BFCBFC...原创 2020-04-21 16:27:30 · 466 阅读 · 0 评论 -
一个简单的呼吸灯效果
一个简单的呼吸灯效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-12-14 14:20:43 · 1317 阅读 · 0 评论