51Dev开发社区
登录 注册

#HTML与CSS知识

css/js禁止点击元素
css禁止点击页面元素，只需一句代码即可解决：1pointer-events:none; 如果用js来控制的话那就是：1$('#test').click(function(){2returnfalse;3}); ...
代码星球 ·2020-04-08

移动端网站开发常见问题解决【知识点】
安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size:contain;都可...
代码星球 ·2020-04-08

touch-action css属性 滚动和缩放手势
CSS属性touch-action用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作(比如浏览器自带的划动，缩放等)默认情况下，平移(滚动)和缩放手势由浏览器专门处理。该属性用于取消浏览器默认手势行为，开发人员自定义滚动和手势行为。touch-action的值：auto:当触控事件发送在元素上时，由浏览器来决...
代码星球 ·2020-04-08

CSS百分比padding实现比例固定图片自适应布局
一、CSS百分比padding都是相对宽度计算的在默认的水平文档流方向下，CSS margin和padding属性的垂直方向的百分比值都是相对于宽度计算的，这个和top, bottom等属性的百分比值不一样。这么设计的原因在我的新书（应该不出几个月就要出版了）中会有说明，这里不展开。对于paddin...
代码星球 ·2020-04-08

JS在HTML文档引入位置
我们今天来聊一聊关于JavaScript文件的引入位置的问题；大家在平时的Web开发中有没有想过这样一个问题，那就是我应该在文档的头部（也就是<head>标签内部里面）引入所需要的JavaScript文件还是应该在尾部（也就是</body>之前）引入所需要的JavaScript文件呢？今天我们就...
代码星球 ·2020-04-08

CSS伪类选择器：is、not
本文介绍一下Css伪类:is和:not，并解释一下is、not、matches、any之前的关系The:not()CSSpseudo-classrepresentselementsthatdonotmatchalistofselectors.Sinceitpreventsspecificitemsfrombeingse...
代码星球 ·2020-04-08

CSS实现常用组件特效（不依赖JS）
我们已经习惯用JavaScript实现常见的UI功能组件，如手风琴、工具提示、文本截断等。但是随着HTML和CSS新特性的推出，不用再支持旧浏览器，我们可以越来越少用JavaScript来创建UI组件，更多地集中在代码的逻辑部分(验证、数据处理等)。有些实现方案确实感觉有点剑走偏锋，也不太灵活，但它们对于小型项目里的单...
代码星球 ·2020-04-08

css 高度随宽度比例变化
 【方案一：padding实现】原理：一个元素的 padding，如果值是一个百分比，那这个百分比是相对于其父元素的宽度而言的，padding-bottom 也是如此。使用 padding-bottom 来代替 height 来实现高度与宽度成比例的...
代码星球 ·2020-04-08

移动端 1px 像素边框问题的解决方案（Border.css）
前言关于什么是移动端1像素边框问题，先上两张图，大家就明白了。     解决方案将以下代码放在border.css文件中，然后引入常用classNameborder:整个盒子都有边框border-top:上边框border-right:右边框border-bottom:...
代码星球 ·2020-04-08

reset.css文件下载及剖析
 @charset"utf-8";/*http://meyerweb.com/eric/tools/css/reset/v2.0-modified|20110126License:none(publicdomain)*/html,body,div,span,applet,object,iframe,h1,h2...
代码星球 ·2020-04-08

Reset.css和Normalize.css样式表初始化相关
（1）Reset.css　　简介：在HTML标签在浏览器里有默认的样式，例如p标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页...
代码星球 ·2020-04-08

Normalize.css重置化样式表
Normalize.css是一种CSSreset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSSreset，Normalize.css是一种现代的、为HTML5准备的优质替代方案（https://necolas.github.io/normalize.css/7.0.0/norma...
代码星球 ·2020-04-08

补充拓展：CSS权重值叠加
  都知道CSS选择器有权重优先级，权重大的优先展示。 但部分人可能不清楚，权重值也是可以叠加计算的<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>element<...
代码星球 ·2020-04-08

CSS BEM 命名规范简介
【前言】   BEM是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密.这篇文章主要介绍了CSSBEM命名规范简介(推荐)的相关资料,感兴趣的小伙伴们可以参考一下 【主体】1什么是BEM命名规范Bem是块（bloc...
代码星球 ·2020-04-08

CSS3弹性盒模型flex box小结
参考文章https://www.cnblogs.com/daisykoo/p/5522660.html...
代码星球 ·2020-04-08
首页上一页...212213214215216...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他