css

CSS基础面试题,快来查漏补缺
日志本文大部分问题来源:50道CSS基础面试题(附答案),外加一些面经. 我对问题进行了分类整理,并给了自己的回答.大部分知识点都有专题链接(来源于本博客相关文章),用于自己前端CSS部分的查漏补缺.虽作 ...
(转自MDN)CSS基础一定要看的包含块(containing block)
日志之前在写<个人常用的水平居中方法>这篇文章的时候,百分比问题涉及到了包含块(containing block)这个概念. 今天刷面试题的时候,又看到了containing block这个词 ...
又一款开源图标库 CSS.GG,值得一用
日志嗨,我是 Martin,也叫老王,今天推荐一款好用的开源图标库. 我们平常找图标往往会去 iconfont 但是今天,我们看了 Martin 的文章之后,就会有一个新的选择--CSS.GG Githu ...
HTML&CSS面试高频考点(三)
日志11. CSS隐藏元素的方式 /*占据空间,无法点击*/ visibility: hidden; position: relative; top: -999em; /* 不占据空间,无法点击 */ p ...
HTML&CSS面试高频考点(二)
日志HTML&CSS面试高频考点(一)    ♥ 6. W3C盒模型与怪异盒模型 标准盒模型(W3C标准) 怪异盒模型(IE标准) 怪异盒模型下盒子的大小=width(content + bord ...
HTML&CSS面试高频考点(一)
日志1. 行内元素/块级元素 非替换元素/替换元素 行内元素(内联元素):a, abbr(缩写), acronym(只取首字母缩写), b, bdo(文本方向), big, br, cite(引用), c ...
CSS——文本超出隐藏显示省略号
日志文本超出隐藏显示省略号 1.单行文本的溢出显示省略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; // overflo ...
1
从零开始手把手教你使用原生JS+CSS3实现幸运水果机游戏
日志项目体验地址 免费视频教程 游戏介绍 幸运水果机是一款街机游戏,游戏界面由24个方格拼接成一个正方形,每个方格中都有一个不同的水果图形,方格下都有一个小灯.玩家使用游戏币选择希望押注的目标,按下开始后 ...
网页元素居中的n种方法
日志导语:元素居中对齐在很多场景看上去很和谐很漂亮.除此之外,对于前端开发面试者的基础也是很好的一个考察点.下面跟着作者的思路,一起来看下吧. 场景分析 一个元素,它有可能有背景,那我要它的背景居中对齐 ...
手写网页扫雷之css部分
日志#ui{ text-align: center; } #saolei{ width: 500px; height: 500px; border: 1px solid #456345; margin: ...
css3中的@font-face你真的了解吗
日志css3中的自定义字体方法@font-face @font-face属性可以让我们自定义网站字体属性,然后引用到想要应用该字体的元素上. 基本语法: @font-face { font-family: ...
1
一个没啥用但是很好康的小玩意儿 方块滑落
日志<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
一个简单的CSS登录页
日志<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
百度前端技术学院 Day7/8 布局
日志1. 定位 1.1 文档流 单个元素: 块级元素:内容宽度是其父元素的宽度的100%,并且与其内容一样高. 内联(行内)元素:高宽与他们的内容高宽一样.(所以不能为他们设置宽高) 元素之间的交互: 块 ...
个人常用的水平垂直居中方法
日志2020年7月9号,更新. 包含块概念没理解透,删掉原来关于百分比值的总结,添加了相关链接. (转自MDN)CSS基础一定要看的包含块(containing block) 2020年7月8号更新. 在 ...
CSS(六)- 内容布局 - Flexbox
日志Flexbox是CSS3提供的用于布局的一套新属性,是为了应对行内块.浮动和表格格式产生的问题而生的.其包含针对容器(弹性容器,flex container)和针对其直接子元素(弹性项,flex it ...
css画布
日志绘制基本图形 绘制直线 <style> .canvas{ } </style> <canvas id="myCanvas1" style=" ...
css快速浏览
日志meta <meta charset="utf-8" /> <meta name="keywords" content="key1, ...
css文字截断
日志通过css将文字进行截断,截断部分使用省略号代替 .impleName{ max-width: 100%; /*最大宽度为当前元素的100%*/ display: inline-block; whit ...
css移除a标签及map、area(图片热区映射)点击过后的边框
日志默认a标签及其包含的html元素和map中的area(图片热区映射)在点击过后留有默认的蓝色边框,如下图 可以看到,蓝色的边框破坏了页面的整体美感,很多时候我们都是不需要的.通过设置相应的css可以去 ...