HTML
HTML相关
鹿码
这个作者很懒,什么都没留下…
展开
-
CSS那些不大不小的事
记录一些CSS相关的基础的常用的小东西,持续更新定位、伪类、阴影、默认样式、字体、兼容、浮动、跳转等等原创 2022-03-24 11:44:05 · 397 阅读 · 0 评论 -
Chrome控制台中network底部概要参数
本来觉得这是个小问题,没有怎么注意过,但在一次面试中被问到了。细节是很重要的!1、requests => 资源请求总数;2、transferred => 网络加载资源大小;3、resources => 页面所有资源总大小(包含网络资源、浏览器缓存解析后的资源等);4、Finish => 所有请求从发起到响应完成时间(注意:请求不只是XHR,页面请求和页面解析也是不同线程,不直接相关);5、DOMcontentLoaded => HTML DOM结构树加载完成时原创 2022-03-02 14:59:21 · 1796 阅读 · 0 评论 -
解决placeholder样式设置无效问题,更改placeholder默认样式颜色
错误示范:input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{ color: #111111}这样常常不会有任何效果,必须分开写:正确写法:input::-webkit-input-placeholder{ color: #111111;}input:-moz-placeholder{ color: #111111;原创 2021-09-17 10:51:55 · 2507 阅读 · 1 评论 -
div元素显示隐藏切换,点击空白位置消失
HTML<div class="clickthis" onclick="showHide()">举例点击这个</div><div class="triggerthis">举例显示隐藏这个</div>CSS.triggerthis { display:none;}JavaScript$(function () { $(document).bind("click",function(e){ var target =原创 2021-03-05 10:17:01 · 568 阅读 · 1 评论 -
Chrome谷歌插件开发-01
只要会前端,简易的插件开发基本都没问题,主要都是些前端三大件。基本流程:1、创建一个文件夹,比如命名为TestPlug2、新建配置文件manifest.json{ "name": "TestPlug", "version": "1.0", "manifest_version": 1, //必须是int,不能是字符串,不然会加载不上插件 "description": "An test plug-in for Chrome.", "browser_action":原创 2021-02-08 17:32:47 · 356 阅读 · 0 评论 -
字体随页面大小变化
<div class=“testDiv”>测试字测试字测试字测试字测试字</div>1、css方法: .testDiv{ display:flex; justify-content:space-around; background: royalblue; color: #fff; width: 400px; padding: 20px; font-siz...原创 2021-01-26 10:40:17 · 1527 阅读 · 0 评论