![](https://img-blog.csdnimg.cn/20200901110507844.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML/CSS
文章平均质量分 77
HTML/CSS
VGtime
github peterroe
展开
-
前端新人必看的开发技巧之浏览器控制台
随便进入一个网页,按下F12,都将看到如下的控制台一、快速定位深层元素二、移动端调试在浏览器也能很好的模拟移动端的效果,可以切换不同的机型与大小三、css调试标签大小可通过右下角的矩形图可以直观看出,当前标签的width、height、padding、margin、position的大小(如果有的话,否则属性是auto或-)属性来源查看当一个标签被多个类修饰,我们也能看出究竟那些熟悉生效了,特别是有熟悉冲突的时候属性值调试我们不一定要修改代码来改变css,可以直接在浏览器调.原创 2021-08-17 21:20:52 · 2698 阅读 · 0 评论 -
常见浏览器及其内核简介
浏览器内核备注私有属性前缀IETridentIE、猎豹安全、360极速浏览器、百度浏览器-msFirefoxGecko火狐浏览器内核-mozSafariWebkit苹果浏览器内核-webkitChromeBlinkChrome浏览器内核,Blink其实是Webkit的分支-webkitOperaBlinkOpera浏览器-o...原创 2020-07-28 09:31:10 · 248 阅读 · 0 评论 -
浮动元素的重叠问题
1、行内元素、行内块元素与浮动元素发生重叠,边框、背景、内容都会显示在浮动元素之上对于行内元素例如:<style> div { float: left; width: 100px; height: 100px; background-color: pink; } span { background-color: red;原创 2020-07-27 20:40:24 · 3174 阅读 · 0 评论 -
关于link和@import的区别
关于link和@import的区别1. 兼容性不同link是XHTML的标签,无兼容性问题;@import是在CSS2.1时候提出的,由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别2.适用性不同link标签可以加载CSS、JavaScript;@import只能加载CSS3.加载顺序不同link加载的内容是与页面同时加载;@import需要页面完全载入以后才开始加载4.DOM可控性差别可以通过JavaScript操作DOM,插入link标原创 2020-07-27 10:55:12 · 1740 阅读 · 0 评论 -
关于web的页面级优化
1.减少http请求的次数http请求是指从客户端到服务器端的请求消息。其中包含对HTML、CSS、JS、图片资源以及交互数据处理内容等。在前端性能网页级优化中较少http请求是非常重要的一块,每当我们提到性能优化,首当其冲的就是http请求,例如精灵图的运用,将多张不经常修改的小图片整合到一张大图上,只需向服务器请求一次,以此达到对减小http请求的次数的目的。2.进行资源合拼合压缩对html、css、js代码进行压缩以及文件的合并。将浏览器一次访问需要的javascript和css合并成一个文件,原创 2020-07-26 15:25:00 · 1156 阅读 · 0 评论 -
HTML特殊字符编码对照表
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α Α Α Β Β Β Γ &...转载 2020-07-14 10:28:10 · 282 阅读 · 0 评论 -
HTML标签默认CSS属性
html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }li { display: list-item }head { display: none }table .转载 2020-07-08 17:22:23 · 231 阅读 · 0 评论 -
HTML5的常见新特性
1.1 HTML5新增的语义化标签· <header>头部标签· <nav>导航标签· <article>内容标签· <section>导航标签· <aside>导航标签· <footer>导航标签1.2 HTML5新增的多媒体标签· <vodeo&原创 2020-07-08 13:07:44 · 320 阅读 · 0 评论 -
简单在浏览器HTML页面扒图片
以英雄联盟页面为例子:按下键盘f12:点下黑箭头,在移动鼠标到页面中你想要图片的位置,按下鼠标左键,这里先以中央文字图片为例子:图片的链接可能在左侧的HTML标签中,也可能在右侧的css页面中,如果没有找到链接,试着展开一下标签,然后右键选中链接,open in new tab,就可以打开图片的链接例如:另外,在此页面中还有背景的视频,依然可以找到链接并打开:...原创 2020-06-25 20:17:43 · 2508 阅读 · 1 评论 -
HTML常用标签及其全称
转自https://www.cnblogs.com/debuging/archive/2011/10/19/2217337.html <a href="#">a 超级链接(anchor)</a> <abbr title="abbreviation的简写">abbr 简写的(abbreviation)</abbr> <acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词(acro转载 2020-06-20 23:11:03 · 801 阅读 · 0 评论