51Dev开发社区
登录 注册
为你推荐

CSS三大特性：层叠 继承 优先级
层叠性:如果一个属性通过两个相同选择器设置到同一个元素上，相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则继承性:子标签会继承父标签的某些样式 一般以font­,line­,color,text­,list­,都能继承 备注 : a标签不能继承...
代码星球·2020-12-24

CSS选择器与CSS的继承,层叠和特殊性
什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素，类似这样body{color:pink;font-size:16px;};:标签选择器其实就是html代码中的标签,比如<html>、<body>、&...
代码星球·2020-12-24

HTML5中的lang属性，zh-CN还是zh-Hans？
一、资源先提供资源。如果我弄错了什么，请以这些文档为准：W3C文档、IANA已登记的子标签、BCP47、RFC5646。 二、格式简介先上一张图片：一个LanguageTags，由①到⑦一共四个子标签组成。有什么盘算不清楚的，请参考资源部分提供的文档。 三、各部分含义①language：主语言，用代...
代码星球·2020-12-24

从浏览器输入 URL 到页面展示过程
对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么？，我想大家都或多或少能说出一二。但是，其实这个问题很有深度，而你是否回答的有深度，在很大程度上会影响到面试官对你的印象。并且，网上各种资料都是带浅尝辄止地讲解这个过程，经常会出现今天看到这个版本，明天看到另一个版本地情况。所以，现在我们就...
代码星球·2020-12-24

输入框失去焦点事件和按钮点击事件冲突
场景是这样的：点击输入框失去焦点会触发验证方法，点击提交按钮的时候也会触发验证方法，如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法，这样就会触发两次验证。我想写成只触发一次验证，在开发过程中我发现：在移动端当失去焦点和点击事件同时发生的时候，会先执行失去焦点事件，然后再执行点击事件，也就是说失去...
代码星球·2020-12-24

表单提交type=submit和type=image的区别
1.提交按钮sumbit<inputtype="image"src="图片路径">type="image"默认是sumbit，不用再添加onclick事件提交，否则会发生表单被提交两次的情况。 2.重置按钮reset<inputtype="image"src="图片路径"onclick="r...
代码星球·2020-12-24

css选择器中:first-child与:first-of-type
css选择器中:first-child与:first-of-type是比较容易混淆的概念，这里用案例介绍它们具体的区别。:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：<div><p>第一个子元素</p><h1...
代码星球·2020-12-24

CSS优先级的两种理解方式
我们先去MDN看看官方的解释：优先级是如何计算的？优先级就是分配给指定的 css 声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。而当优先级与多个 css 声明中任意一个声明的优先级相等的时候，CSS中最后的那个声明将会被应用到元素上。当同一个元素有多个声明的时候...
代码星球·2020-12-24

web前端新手最容易出现的4个错误
错误：无论是JavaScript，还是在服务器上运行的代码，开发人员都需要测试并确认它是否可以正常工作，而不是在部署了之后，就认为它应该就能从一而终地运行。影响：不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验，而且其错误消息内容的类型可能会给黑客线索来渗透这个站点。如何避免：是人都会犯错，这个哲...
代码星球·2020-12-24

CSS实现一个粒子动效的按钮
按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？通常这类效果第一反应可能就是借助canvas了，比如下面这个案例（建议去codepen原链接访问，segmentfault内置的预览js会加载失败）效果就更加震撼了，当然canvas实现也有一定的...
代码星球·2020-12-24

简写的 border-radius 100% 和 50% 是等效的
1、先讲结论border-radius 这个 css 属性大家应该使用得非常娴熟，现实中用到的场景基本都是四个圆角一致的情况。比如实现一个圆形按钮，其中 border-radius 数值有些人写为 50%，有些人则写成 100%，不过你会发现两者效果...
代码星球·2020-12-24

video标签的属性
html5中的video标签用于播放视频文件的，在video标签中我们可以设置窗口的宽高，视频的自动播放，循环播放以及视频的封面图片等等 html5是下一代HTML，新增了许多新的标签，这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签就可以很好...
代码星球·2020-12-24

css3动画怎么停止？
动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词"from"和"to"，等同于0%和100%。css3的animation直接提供一个animation-play-state的样式来控制动画的暂停处理。增加一个控制暂停样式，写动画样式的时候...
代码星球·2020-12-24

CSRF绕过后端Referer校验
CSRF绕过后端Referer校验分正常情况和不正常的情况，我们这里主要讨论开发在写校验referer程序时，不正常的情况下怎么进行绕过。 正常情况正常的情况指服务器端校验Referer的代码没毛病，那么意味着前端是无法绕过的。我之前考虑过的方案：js修改Referer，失败；请求恶意网页后，后端重新送包，问...
代码星球·2020-12-24

css怎么让背景图片铺满？
css让图片铺满的方法：可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。豌豆资源搜索网站https://55wd.com广州vi设计公司http://www.maiqicn.com豌豆资源搜索网站https://55wd.com广州vi设计公...
代码星球·2020-12-24
首页上一页...34273428342934303431...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他