自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 导航栏

导航栏一、创建文件(index.html和style.css)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s

2021-04-13 09:24:08 147

原创 新闻网站

了解页面构造主要了解一下登录页面,新闻页面,二级页面的构造。首先我们在本地新建一个文件夹,然后我们选择应用的软件,打开这个文件夹,打开后创建“登录页面”为login.html和news.html。如图:1、编辑登录页面login.html效果图:1、设置内容标题:使用标题标签设置内容的标题 2、表单内容:用form标签创建一个表单,在form里创建input文本框和密码框,之后提交2、编辑新闻首页和二级页面效果图:在news.html嵌套表格,在标签中嵌套另一个表格。二级页面内容表

2021-04-09 08:59:09 328

原创 CSS设置背景透明度

CSS设置背景透明度实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法:1、css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.82、css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)3、IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 100,如filter:Alpha(opacity=80)一、css3的opacity

2021-03-27 23:34:32 7278

原创 HTML(css+div)登录界面

HTML(css+div)登录界面1、建文件2、代码实现:3、效果图:4、总结:登录界面简单易懂,从零基础学习布局

2021-03-27 23:02:52 310

原创 圆形边框和圆角边框

圆形边框和圆角边框①画圆首先容器设置成正方形,然后border-radius等于一半的边框②圆角矩形边框将border-radius设置成height的一半,可以实现好看的圆角矩形边框1、建文件2、代码:3、效果图:...

2021-03-26 19:41:48 364

原创 html+css+JavaScript实现轮播图

目录轮播图分析:1、轮播图实现的功能2、图片叠加原理html页面布局:CSS修饰:JavaScript:一、轮播图实现的功能1、自动滚动图片。2、触碰圆点按钮,按钮亮起;点击圆点按钮显示对应图片,按钮亮起。3、触碰错左右按钮,按钮变色;点击左右按钮,图片左右轮播,并且图片对应的圆点按钮亮起。文件1、轮播图结构:2、轮播图样式:新建style文件夹 和里面的index.css文件 内容如下:3、 轮播图功能鼠标经过轮播图 左右箭头显示, 鼠标离开 左右箭头隐藏;

2021-03-26 09:55:20 468

原创 font-face使用自定义字体

@font-face使用自定义字体1、第一步先将制作好的自定义字体图标放入项目文件夹中2、从字体网站上下载字体,引入到css中3、实现代码4、图标显示5、图标:总结:以上就是自定义字体的方法。...

2021-03-07 20:44:15 218

原创 css居中样式

实现居中的方式

2021-02-07 21:42:35 1276

原创 清除浮动

清除浮动一、为什么清除浮动因为标准流是按顺序显示,不能横向显示,在一横中,所以必须清除浮动,脱离标准流才可以,以防高度塌陷。如下图清楚标准流代码:效果图:1、左浮动代码及效果图:当你选择这个左浮动时,原本有两个盒子,最终只显示一个,是因为另一个被覆盖住了以至于不能显示。2、右浮动代码以及效果图:这时就不会覆盖了,这个盒子就向右浮动了。3、居中代码及效果:4、伪元素清除浮动:...

2021-02-06 21:20:47 96

原创 css样式的清除浮动

css样式清除浮动1.Css样式中的float浮动css样式的float浮动属性,用于设置标签对象(如:标签盒子、标签、标签、标签、html标签)的浮动布局,浮动也就是我们所说标签对象浮动居右靠右(float:right)和浮动居左靠左(float:left),文字靠左(text-align:left)文字靠右(text-align:right)float的作用通过css定义float(浮动)让div样式层块,向左或向右(靠)浮动Clear清除浮动1、clear语法clear:none|lef

2021-02-02 20:26:59 218

原创 Git下载安装以及Sourcetree操作使用

Git的下载安装及作用git实现的作用1、从服务器上克隆数据库(包括代码和版本信息)到单机上。2、在自己的机器上创建分支、修改、删除代码及信息。3、在单机上自己创建的分支上提交代码。git下载安装下载官网:https://git-scm.com/找到相对应的版本进行下载,安装时的操作一直都是(下一步即可)安装成功后鼠标右击,快捷菜单中就会出现(Git Bash Here或cmd的版本框)如下图安装完后直接运行SourceTree,在第一次运行时会让我们注册,注册完中需要创建一个文件夹,

2021-01-27 17:25:43 658

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除