- 博客(20)
- 收藏
- 关注
RSS订阅原创 git 提交详细流程
第一步:拿到领导给你的 码云 git 位置 比如(https://gitee.com/xxxx/h5-5-10-zengwei.git)第二步:创建一个文件夹 进入文件夹把 码云 git 位置的代码 拉取到你所新建的文件夹中拉取:在文件夹中 右键 Git Bash Here然后再弹出的窗口中写: git clone 仓库位置比如: git clonehttps://gitee.com/xxxx/h5-5-10-zengwei.git...
2021-06-25 14:52:30
2127
原创 修改浏览器前面的图标
1.图片转换成 ico 后缀的文件 网址：http://tools.jb51.net/aideddesign/ico_img下载以后放在文件夹在index中添加 rel是icon href是你文件的地址<link rel="icon" href="./images/favicon.ico">在本地文件是打开不显示的 （一般到服务器上就正常显示了）用vs中的 open 可以显示...
2020-09-06 18:30:14
204
原创 字体图标的使用步骤
1.先到阿里巴巴的矢量图标库 寻找你所需的图标，或者设计师给你上传到阿里的图标网址：https://www.iconfont.cn/2.添加到你的库3.下载至你的电脑里面4.打开这个网页。复制字体的代码到font文件中5.拷贝代码到css当中定义使用 iconfont 的样式挑选相应图标并获取字体编码，应用于页面<span class="iconfont">3</span>一定要带类 class...
2020-09-06 17:58:16
236
原创 ::before 在前面 ::after 在后面
<!--天生行元素::before 在前面::after 在后面设置了position: absolute float:left/right打内部把元素转换成为inline-block;利用伪类清除浮动浮动最初是为了 网页能像报纸一样显示文字环绕图片，-->html <span> 十一 </span>css/* 在前面 */ span::before{ conte
2020-09-01 16:27:23
342
原创 css margin 兄弟上下合并 经典bug
<!--问题：当两个兄弟盒子 一个margin-bottom一个margin-top的时候，就会取其中一个的最大值。解决方案：给任何一个盒子触发bfc如何触发bfc：1.overflow: hidden;2.float: left/right;3.display: inline-block;4.position: absolute;-->css *{ margin: 0px; padding: 0px;
2020-08-29 12:05:04
448
原创 css margin 塌陷 经典bug
<!--问题：margin垂直方向top的时候会造成塌陷解决：让父级盒子 变成bfc如何触发一个盒子的bfc1.position:absolute2.display:inline-block3.float:left/right4.overflow:hidden备注：那个对盒子没有影响用那个：以上都可触发bfc--> *{ margin: 0px; padding: 0px; } .box{
2020-08-29 11:43:58
117
原创 两栏布局 结合实例
css *{ margin: 0px; padding: 0px; } .left{ position: absolute; right: 0px; width: 300px; height: 100px; background: #000; opacity: 0.5
2020-08-29 11:17:47
93
原创 html 标签 表单 表格 无序列表 具体实例
一 、基础标签<!DOCTYPE> :定义文档类型 为html类型<html> 开始标签 对应结束标签 一个html 文档<head> html 必备标签 表示头部<meta charset="UTF-8"> 定义字符集 utf-8 中文<title> //设置网页标题 显示在浏览器的头部</title></head><body> 表示主体</boay><
2020-08-27 17:05:02
1786
原创 jquery 节点 详细操作
jquery 对象与原生对象的区别和相互转换// aa：原生对象 var aa = document.getElementById("aa");// bb:jquery对象var bb = $("#bb")// 将原生对象用一个$符号和小括号包裹起来，就转为jq对象了var bb = $(bb);// 在 jq对象后面加一个中括号，在括号里面加下标，就转为了原生对象var bb = bb[0]Jq选择器得到的就是jq对象， jq对象可以调用jq库里面的方法。原
2020-06-03 12:10:46
409
原创 百度地图的调用
html<div class="map" id="map"></div>css.map { width: 100%; height: 420px; margin-top: 46px; margin-bottom: 68px;}js<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7d3a4c6e5e8a70dd20
2020-06-02 13:23:44
313
原创 搜索框 hover下拉
html<div class="logo_help"> <span class="search"> <span class="inp"> <input type="text" class="qing" id="kys" placeholder="请输入关键字搜索"> <img src="res/default/images/zx2.jpg" al
2020-06-02 12:35:54
197
原创 一级菜单 二级菜单的收缩
html <div class="menu"> <div class="ma1440"> <div class="shouye"> <ul class="" id="main_nav"> <li class=" atc "> <a href="/go.htm?k=shou_
2020-06-01 14:45:03
410
原创 友情链接 点击向上展示
引入jq 箭头html <div class="footer_con3"> <p>友情链接</p> <div class="link-select-box"> <p class="mt"> ---友情链接--- <i class="aw"></i> </p> ..
2020-06-01 14:39:42
251
原创 swiper轮播与新闻联动 效果
使用的大前提需要引入swiper.cssswiper.js jquery.jshtml <div class="gsdt_left"> <!-- 下面的轮播 --> <div class="gsdt_swiper"> <div class="swiper-container swiper-container3"> <div class="...
2020-06-01 14:15:41
666
原创 jq实现简单手风琴效果
//html<div class="jgszzk"><dl><div><dt class="xygkdt_active2 dianji_imgred"><div><div class="qywh_hwh_title"><div></div> 企业使命</div><div class="qywh_hwh_desc">引领核电发展，奉献绿色能源</div&
2020-06-01 02:03:58
341
原创 介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎(layout engineer或 Rendering Engine) 和 JS 引擎。渲染引擎：负责取得网页的内容(html,xml和图像等等)，整理讯息(例如加入css)，以及计算网页的显示方式，输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。JS引擎：解析和执行JavaScript来实现网页的动态效果。以及交互内容...
2020-06-01 00:56:31
663
原创 行内元素有哪些？块级元素有哪些？行内元素和块级元素的区别？
1、行内元素：a img span b strong input select section2、块级元素：div p table ul lo li h1-h6 dl dt3、空元素：br hr img input link meta区别：1、块级元素会独占一行 默认的宽度占满父级元素，行内元素不会换行2、行内元素的width height 无效3、块级元素可以设置margin和padding属性，行内元素padding-left、padding-right，margin-le...
2020-06-01 00:51:22
6755
5
原创 标准模式和怪异模式的区别？
标准模式的页面排版和js运作模式都是以浏览器支持的最高标准，而怪异模式是向后兼容，模式老浏览器模式行为，防止页面无法正常工作
2020-06-01 00:40:54
157
原创 Doctype 的作用？
Doctype是作用于文档最顶部的文档声明，是告诉浏览器是以标准模式还是以怪异模式展示页面，Doctype不存在或格式错误都会导致页面以怪异模式展示页面
2020-06-01 00:35:15
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人