0
推荐
26
阅读

一篇文章带你了解CSS3按钮知识

在实际开发中,按钮的应用是必不可少。使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式。一、平面样式CSS按钮平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势。,这些的平面样式按钮效果很好看。以下代码是按钮处于正常的情况下的状态。例:.button { background-color: #...

发表了文章 • 2 天前 • 0 条评论

0
推荐
26
阅读

一篇文章带你了解HTML格式化元素

一、为什么要格式化元素?HTML定义了具有特殊意义的特殊元素定义的文本,比如,使用<b>元素<i>来格式化输出,如粗体或斜体文本。格式化元素被设计用来显示特殊类型的文本。二、标签1. b 标签和 strong 标签常规显示HTML <b> 元素定义粗体文本,没有任何额外的重要性,例如:<b>加粗文本内容.<...

发表了文章 • 6 天前 • 0 条评论

0
推荐
38
阅读

一篇文章带你了解CSS3 3D 转换知识

CSS3 3D变换功能允许在3D空间中变换元素。一、元素的3D转换使用CSS3 3D变换功能,可以对三维空间中的元素执行基本的变换操作。如移动,旋转,缩放和倾斜。变换后的元素不会影响周围的元素,但可以像绝对定位的元素一样将它们重叠。但是,变换后的元素在其默认位置(未变换)仍会在布局中占用空间。二、使用CSS变换和Tran...

发表了文章 • 2020-11-14 08:02 • 0 条评论

0
推荐
37
阅读

一篇文章带你了解SVG 蒙版(Mask)

SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析:本示例使用ID=mask1定义一个蒙版。<mask>元素内部是一个<rect>元素。<rect>元素定义了蒙版的形状。定义了一个使用mask的<rect&...

发表了文章 • 2020-11-10 13:24 • 0 条评论

0
推荐
42
阅读

一篇文章带你了解SVG 渐变知识

渐变是一种从一种颜色到另一种颜色的平滑过渡。另外,可以把多个颜色的过渡应用到同一个元素上。SVG渐变主要有两种类型:(Linear,Radial)。一、SVG 线性渐变<linearGradient>元素用于定义线性渐变。<linearGradient>标签必须嵌套在<defs>的内部。<defs>标签是definitions的缩写,可对诸如渐...

发表了文章 • 2020-11-06 13:29 • 0 条评论

0
推荐
49
阅读

一篇文章带你了解CSS3圆角知识

一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz-5.0 3.1 -webkit-10.5二、border-radius 属性1. 创建具有背景图的圆角CSS3中,可以使用border-radius属性,为元素指...

发表了文章 • 2020-11-04 22:45 • 0 条评论

0
推荐
58
阅读

一篇文章带你了解CSS对齐方式

一、居中1. 居中对齐元素将块元素水平居中对齐(像 <div>) , 使用 margin: auto;设置元素的宽度将阻止它伸展到容器的边缘。然后元素将占用指定的宽度,剩下的空间将平分在两个边距之间:这个div是居中的。.center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; ...

发表了文章 • 2020-11-03 13:37 • 0 条评论

0
推荐
60
阅读

一篇文章带你了解CSS 分页实例

生活中分页的效果到处可见,今天教大家详细的分析一下分页效果。如何使用 HTML 和 CSS 来创建分页?如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航一、分页类型1. 简单分页<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项...

发表了文章 • 2020-10-30 13:26 • 0 条评论

0
推荐
56
阅读

一篇文章带你了解CSS 渐变知识

早些时候,你必须使用图像实现这些效果。 然而, 通过使用CSS3渐变可以减少下载时间和带宽的使用. 此外,缩放的元素在缩放时看起来更好,因为渐变是由浏览器生成的。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。(来源于百度)数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性 Chrome Firef...

发表了文章 • 2020-10-29 07:52 • 0 条评论

0
推荐
71
阅读

一篇文章带你了解CSS3图片边框

CSS3图片边框使用CSS3 border-image 属性,你可以在元素的周围设置图片边框。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。二、CSS3 border-image 属性CSS3 border-image 属性允许您指定要用来代替元素周围的正常边界的图像。属性有三个部分:作...

发表了文章 • 2020-10-28 13:09 • 0 条评论

0
推荐
58
阅读

一篇文章带你了解CSS3 背景知识

CSS3中包含几个新的背景属性,提供更大背景元素控制。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEbackground-image (多背景)4.09.03.63.111.5background-size4.0 1.0 -webkit-9.04.0 3.6 -moz-4.1 3.0 -webkit-...

发表了文章 • 2020-10-27 13:03 • 0 条评论

0
推荐
64
阅读

一篇文章带你了解HTML表格及其主要属性介绍

一、定义一个HTML表格使用标签定义HTML表格。标签定义表中的每一行使用。使用标签定义表头。默认情况下,表标题是粗体和居中的。一个表的数据/单元使用 标签定义。<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> <...

发表了文章 • 2020-10-22 08:23 • 0 条评论

0
推荐
68
阅读

一篇文章教会你使用HTML5 SVG 标签

【一、项目背景】SVG 表示可伸缩矢量图形,这是一门用于描述 2D 图形的语言,图形应用使用 XML 编写,然后 XML 由 SVG 阅读器程序呈现。支持三种类型的图形对象:矢量图形形状(例如,由直线和曲线组成的路径),图像和文本。图形对象可以进行分组,样式设置,转换和合成。功能集包括嵌套转换,剪切路径,Alpha蒙版,滤...

发表了文章 • 2020-10-19 21:55 • 0 条评论

0
推荐
94
阅读

零基础打造一款属于自己的网页搜索引擎

前言在说这个之前,想必大家应该都比较了解搜索引擎了,它就是通过用户在浏览器输入框中输入文本,从而显示一些结果,你觉得哪项符合你要搜索的内容,你就点击哪项。【一、项目准备】浏览器:360浏览器编辑器:Sublime Text 3插件:Jquery-3.2.1.Min.Js【二、项目实现】由于是要实现一个网页搜索引擎,所以我们需要借用...

发表了文章 • 2020-10-10 20:22 • 0 条评论

0
推荐
162
阅读

前端基础——一篇文章带你了解HTML语法

看完本文有收获?请转发分享给更多的人IT共享之家入群请在微信后台回复【入群】前言在做web开发时,我们必不可少的要使用到Html,因为它包含了最基础的网页结构,虽然Html只能帮助我们构建静态网页,但是却是我们最不能缺少的部分,如果把网页比作一个房子,那么Html就是地基,也就是第一件要做的事,可见它的重要性。那...

发表了文章 • 2020-09-24 22:08 • 0 条评论