![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html
文章平均质量分 56
前端页面
星繁~
认真搞前端,深度学习计算机内部原理
展开
-
如何用CSS让背景有透明度而内容不受影响
效果图如下所示:具体思路:因为设置完背景之后,再使用opacity属性设置透明度会影响其上方的内容,导致上方内容也会产生透明的效果。所以,需要将背景单独设置一个层,并和文字所在的层重叠且居于其下即可。注意:两个层的大小要保持一致。具体实现代码如下所示:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body {原创 2022-03-04 22:58:09 · 1998 阅读 · 0 评论 -
HTML5中的aria与role
这些都是HTML5针对html tag增加的属性,一般是为不方便的人士提供的功能,比如屏幕阅读器。role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button。aria的意思是Accessible Rich Internet Application,aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如:<div role="checkbox" aria-checked="c转载 2021-11-27 21:31:50 · 1066 阅读 · 0 评论 -
JS判断元素是否出现了省略号
js判断元素是否出现了省略号,并且鼠标悬浮时,显示全部内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.staticfile.org/jquery/1.10.2原创 2021-09-28 21:04:40 · 2368 阅读 · 0 评论 -
前端浏览器的两种缓存:协商缓存和强缓存
1.浏览器缓存机制浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有:减少了冗余的数据传输,节省了网费减少了服务器的负担,大大提升了网站的性能加快了客户端加载网页的速度浏览器缓存主要有两类:缓存协商和彻底缓存,也有称之为协商缓存和强缓存强缓存:不会向服务器发送请求,直接从缓存中读取资源,在chrome控制台的network选项中可以看到该请求返回200的状态码;.转载 2021-09-26 21:22:10 · 839 阅读 · 0 评论 -
iframe 、frameset 、frame的区别
一、iframe用法二、frame用法三、frameset用法四、区别对比 iframe一、iframe属性的用法<iframe>标签规定一个内联框架。内联框架可以在当前的HTML文档中插入框架,框架内可以链接另一个页面它是 一个围堵标记,但围着的字句只有在浏览器不支援 iframe 标记时才会显示。<html><head></head><body><iframe src="xxx.html"&...转载 2021-02-04 14:59:17 · 1619 阅读 · 0 评论 -
一篇文章了解html标签大概
一篇文章了解html标签大概引言虽然现在基本上都是使用一些封装好的框架中的样式标签,但是,最基本的东西还是应该牢牢掌握的。svg定义:可缩放矢量图形(Scalable Vector Graphics),使用 XML 格式定义图像。详细网址: https://www.runoob.com/svg/svg-tutorial.html link<svg xmlns="http://www.w3.org/2000/svg"><!-- more tags here -->原创 2020-12-28 20:58:52 · 128 阅读 · 0 评论 -
HTML的替换元素和非替换元素、空元素、行内元素和块级元素和可变元素
替换元素(replaced element)是浏览器根据其标签的元素与属性来判断显示具体的内容,且元素一般拥有固定的尺寸(宽高或宽高比)其展现不由CSS来控制的。这些元素是一类外观渲染独立于CSS的对象。它们的内容不受当前文档的样式的影响。CSS可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。典型的可替换元素有<iframe>、<img>、 <object>、 <video> 以及 表单元素:如<textarea>、 <原创 2021-02-02 14:40:21 · 308 阅读 · 0 评论