摘要:
很多时候,我们在项目开发中会出现,单元格内容由于太多导致的换行问题,让表格显得非常的丑陋。下面我们来看一下使用css设置表格内文字不换行的方法。 vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com css可以通过为表格table与td 阅读全文
摘要:
在css的学习过程中,我们会遇到一些属性可以继承,那么,css中的继承是什么意思?有哪些属性可以继承呢?下面我们来看一下css中的属性有哪些可以继承。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com css中有继承性的属性: 1、字体系 阅读全文
摘要:
Scss是Sass3版本当中引入的新语法特性,完全兼容css3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件,下面我们来看一下将scss编译为css的方法。 我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。 使用nodej 阅读全文
摘要:
在网页制作中,很多时候都会有箭头的情况,我们可以使用css来绘制箭头,css是如何绘制箭头的呢?下面我们来看一下使用css绘制箭头的方法。 我们可以使用css绘制三角形来制作箭头。 一、绘制三角 html代码: <div></div> css代码: .container{ width: 0; hei 阅读全文
摘要:
代码引用阿里巴巴iconfont svg图标时发现,设置颜色后,有一部分图标还是显示原始的颜色。原来这部分 svg图标带有 fill 属性,这种图标不能本地修改 fill 属性,需要在项目中移除默认颜色。 svg图标 带有 fill 属性,如果选择的是多色图标且下载到本地的话,默认是带有颜色的。 修 阅读全文
摘要:
最近在写页面的时候,需要在左上角加一个logo,但是复制的时候会把这张图片一块选中。 那么我们可以通过css给它设置禁止选中,代码如下: .icon { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; 阅读全文
摘要:
什么是绝对路径? 绝对路径指的是文件的真正路径,使用绝对路径链接外部资源,如:图片、超级链接、flash、音频、视频等等。代码如下: 1、引入网络上的资源: <img src="http://完整的URL描述地址"> 2、引入电脑本地的绝对路径,如D盘下images文件夹里名称为“aaa.jpg”的 阅读全文
摘要:
object-fit: 指定可替换元素的内容应如何适应到需使用的高度和宽度确定的框 平时写代码经常会在代码中插入图片,你是否会多少感觉插入的图片被拉伸或是被缩放,在这里我们就探讨object-fit对图片处理的应用 语法及作用 fill (充满) 整个对象将完全填充内容框。当对象的宽高与内容框不匹配 阅读全文
摘要:
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。 这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。 怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我们想象的那么难! 阅读全文
摘要:
介绍 事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流,分别是事件冒泡流和事件捕获流。 事件冒泡 IE的事件流称为事件冒泡,从最具体的元素开始,然后逐渐向上传播到文档节点。如下图: 我们以下面代码展示事件冒泡: <!DOCTYPE html> <html> 阅读全文
摘要:
a标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。 JavaScript: 是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行, 阅读全文
摘要:
<video> 标签定义视频,比如电影片段或其他视频流,可以放置视频资源,并添加视频控件。 支持的浏览器: Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。 注:Internet Explorer 8 以及更早 阅读全文
摘要:
css角度单位有:deg、grad、rad、turn;下面本篇文章给大家介绍一下这些css角度单位。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 1、deg 度(Degress)。一个圆共360度 90deg = 100grad = 阅读全文
摘要:
在css中,可以使用filter属性来模糊处理图像;filter属性用于将图像转换为模糊图像。该属性主要用于设置图像的视觉效果。 语法: filter: blur() 属性值: ● blur():给图像设置高斯模糊,值越大越模糊。如果没有设定值,则默认是0;这个参数可设置css长度值,但不接受百分比 阅读全文
摘要:
<object>标签是一个html标签,用于在网页中显示音频,视频,图像,PDF和Flash等多媒体;它通常用于嵌入由浏览器插件处理的Flash页面元素,如Flash和Java项目。它还可以用于在html页面内显示另一个网页。 <object>标签可以和<param>标签一起使用以定义各种参数。当浏 阅读全文
摘要:
css中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。 插入纯文字 content : ”插入的文章”,或者 content:none 不插入内容 #html 阅读全文
摘要:
前言 由于html语言的定位问题,在网页中实现居中也不是如word中那么简单,尤其在内容样式多变,内容宽高不定的情况下,要实现合理的居中也是颇考验工程师经验的。网上讲居中的文章很多,但是都不太完整,所以小茄今天就来总结下纯css实现居中的各种方案。学疏才浅,文中如有不当之处,万望指出! 6种方案 1 阅读全文
摘要:
在今天,Python里有很多开发框架用来帮助你轻松创建web应用。web开发框架存在的意义就在于可以快速便捷的构建应用,而不用去在意那些没必要的技术细节(协议、报文、数据结构)。 到2020年为止,基于Python创建的的web应用已经非常多了,国外知名的有youtube.com、instagram 阅读全文
摘要:
由于图片是web上最流行的内容类型之一,因此网站的页面加载时间很容易成为一个问题。 即使经过适当的优化,图像也会有相当大的重量。这可能会对访问者在访问网站内容之前等待的时间产生负面影响。很有可能,它们会失去耐心,转向其他地方,除非你能想出一个不影响速度感知的图像加载解决方案。 在本文中,您将学习有关 阅读全文
摘要:
Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时,我们通常会查看性能,seo友好性和可访问性等指标,而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端,后端开发人员也必须采取重要措施来保护服务器,但最终,保护数据的责任在后端和前端之间共享。虽然敏感数据可能被安全地锁 阅读全文