0
推荐
42
阅读
一篇文章带你了解CSS clear both清除浮动
一、前言CSS clear both清除产生浮动 ,使用了css float浮动会产生css浮动,这个时候就需要清理清除浮动,就用clear样式属性即可实现。二、clear语法与结构1. clear语法clear : none | left|right| both2. clear参数值说明属性描述none允许两边都可以有浮动对象bot不允许有浮动对象left不允许左边有浮动对象right不允许...
0
推荐
47
阅读
手把手教你用Javascript制作随机星星效果图
一、前言在浏览一些图片网站的时候,经常会看到很多的漂亮的星空图,比如,下面的图片。其实这种星星图片的效果,也可以通过html+css样式和js的方式来实现。今天教大家如何实现星星图的效果。二、项目准备软件:Dreamweaver三、实现的目标每次刷新产生随机的星星个数。显示画布上。四、项目实现1. 创建canvas画布<bod...
0
推荐
113
阅读
一篇文章教会你用Python爬取淘宝评论数据(写在记事本)
【一、项目简介】本文主要目标是采集淘宝的评价,找出客户所需要的功能。统计客户评价上面夸哪个功能多,比如防水,容量大,好看等等。【二、项目准备工作】1. 准备Pycharm,下载安装等,可以参考这篇文章:Python环境搭建—安利Python小白的Python和Pycharm安装详细教程2. 爬取商品地址,如下所示:https://detail.tmall...
0
推荐
73
阅读
一篇文章带你了解SVG 转换知识
SVG 转换在SVG图像中创建的形状。例如,移动,缩放和旋转形状。这是显示垂直或对角线文本的便捷方法。一、转换简单示例例:<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" y="50" height="110" width="110"
style="stroke:#ff0000; fill:...
0
推荐
127
阅读
一篇文章带你了解CSS基本用法和选择器知识
前言相信做过网页的对Css都不是很陌生,它可以帮助我们重铸网页中很多绚丽的特效,尤其是现在Css已经发展3.0版本,很多功能更是丰富多彩,让我们的开发时间不仅大大缩短,而且还可以轻松做出许多华丽的特效,需要注意的是,Css相当于Html的一个美化装置,所以它必须依赖于Html才能发挥作用,那么今天我们就来深入了解下...
0
推荐
78
阅读
一篇文章教会你在Windows和Linux系统下搭建Nginx
【一、前言】本文章主要讲解Nginx的基础搭建(如果有不知道web服务器的可以百度,或者我再做一篇图解web)。Nginx在互联网中作为一个不可或缺的组件,我们看到LNMP集成环境。LNMP(Linux+Nginx+Mysql+Php);如果只知道这个不知道Nginx的搭建过程的话我们有Nginx的主要特性会错过。比如Nginx的优点:高可用(一个组件可以服...
0
推荐
79
阅读
Ubuntu远程连接显示错误Network error Connection refused解决方法
之前在通过Filezilla往虚拟机或者服务器上传送文件的时候都是十分顺利的,不过最近老是遇到“错误:Network error: Connection refused”,如下图所示。此外还有“错误: 认证失败。”的错误,如下图所示,从而导致“错误:严重错误:无法连接到服务器”现象的发生。其实这两个错误并不是同一个原因,所以需要对症下药,否则用药是...
0
推荐
64
阅读
一篇文章教会你使用HTML5加载音频和视频
【一、前言】HTML5 特性,包括原生音频和视频支持而无需 Flash。HTML5 <audio> 和 <video> 标签让我们给站点添加媒体变得简单。我们只需要设置 src 属性来识别媒体资源,包含 controls 属性让用户可以播放和暂停媒体。【二、嵌入视频】下面是在 Web 页面中嵌入视频文件最简单的形式: <video src="img/so...
0
推荐
118
阅读
一篇文章带你了解CSS3按钮知识
在实际开发中,按钮的应用是必不可少。使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式。一、平面样式CSS按钮平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势。,这些的平面样式按钮效果很好看。以下代码是按钮处于正常的情况下的状态。例:.button {
background-color: #...
0
推荐
100
阅读
一篇文章带你了解HTML格式化元素
一、为什么要格式化元素?HTML定义了具有特殊意义的特殊元素定义的文本,比如,使用<b>元素<i>来格式化输出,如粗体或斜体文本。格式化元素被设计用来显示特殊类型的文本。二、标签1. b 标签和 strong 标签常规显示HTML <b> 元素定义粗体文本,没有任何额外的重要性,例如:<b>加粗文本内容.<...
0
推荐
97
阅读
一篇文章带你了解CSS3 3D 转换知识
CSS3 3D变换功能允许在3D空间中变换元素。一、元素的3D转换使用CSS3 3D变换功能,可以对三维空间中的元素执行基本的变换操作。如移动,旋转,缩放和倾斜。变换后的元素不会影响周围的元素,但可以像绝对定位的元素一样将它们重叠。但是,变换后的元素在其默认位置(未变换)仍会在布局中占用空间。二、使用CSS变换和Tran...
0
推荐
82
阅读
一篇文章带你了解SVG 蒙版(Mask)
SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析:本示例使用ID=mask1定义一个蒙版。<mask>元素内部是一个<rect>元素。<rect>元素定义了蒙版的形状。定义了一个使用mask的<rect&...
0
推荐
92
阅读
一篇文章带你了解SVG 渐变知识
渐变是一种从一种颜色到另一种颜色的平滑过渡。另外,可以把多个颜色的过渡应用到同一个元素上。SVG渐变主要有两种类型:(Linear,Radial)。一、SVG 线性渐变<linearGradient>元素用于定义线性渐变。<linearGradient>标签必须嵌套在<defs>的内部。<defs>标签是definitions的缩写,可对诸如渐...
0
推荐
117
阅读
一篇文章带你了解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属性,为元素指...
0
推荐
115
阅读
一篇文章带你了解CSS对齐方式
一、居中1. 居中对齐元素将块元素水平居中对齐(像 <div>) , 使用 margin: auto;设置元素的宽度将阻止它伸展到容器的边缘。然后元素将占用指定的宽度,剩下的空间将平分在两个边距之间:这个div是居中的。.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
...