HTML+CSS
Jiang--Z
一只前端小白~
展开
-
滑动门效果
实现滑动门的效果,自适应内容的宽度。 代码: *{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decorat原创 2017-04-25 00:37:38 · 367 阅读 · 1 评论 -
translate3d模拟滚动条
做移动端页面,通常是不用原生的scroll,而是用translate3d来模拟,原因主要是原生的scroll对移动端的支持并不是很好,样式也不好看(有滚动条出现),用translate3d来模拟还可以调用GPU来加速,提高性能。html: <div class="wrap"> <div id="listContent"> <ul id="listC原创 2017-08-06 00:18:19 · 3493 阅读 · 0 评论 -
jquery高级篇二
jquery高级篇二1.1节点操作parent() parents() closest()<style> #div1{ width: 300px; height: 300px; background-color: blue; } #div2{ width: 200px; height: 200px;原创 2017-07-20 00:15:10 · 229 阅读 · 0 评论 -
三角形对话气泡效果
先贴图: 做项目要实现这样一个效果,第一眼一看很简单用三角形实现,但外面有一层边框,所以需要两个三角形来实现这样的效果。html:<div class="ans clearfix"> <img src="../../images/avatar.png" alt=""> <p class="a_txt"> 绑卡放款了,说明借贷关系已成立你注销银原创 2017-07-22 23:19:39 · 969 阅读 · 0 评论 -
stick footer布局
需求:将footer固定到底部,文章内容不足满屏时footer在底部,超过满屏时footer在内容末尾。代码:<style> * { margin: 0; padding: 0; } html,body { height: 100%; } .wrap原创 2017-07-29 23:58:47 · 393 阅读 · 0 评论 -
表单标签的简介
在实际开发网页中,经常会涉及到表单。表单标签共有4个:、、和。其中和是配合使用的。一、input标签表单 大部分表单都是用input标签完成的。语法:<input type="表单类型"/>详细的属性及属性值: 二、标签表单 1、多行文本框 语法:<textarea rows="行数" cols="列数">多行文本框内容</textarea>效果如图: 三、和 下拉列表由标签和标签配合使原创 2017-06-13 01:12:59 · 595 阅读 · 0 评论 -
div css文字字体行高行距 深入理解css行间距设置
div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置,字体行距如何最简单地设置。 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性。 要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来通过DIV CSS实例实现字体文字上下间距。 为了观察到行距设置效果,新建两个div盒子对象,分别div命名为“.divcss5转载 2017-06-11 23:38:15 · 10449 阅读 · 0 评论 -
Git的简单使用及文件上传到github
1、Window用户打开git bash,Mac用户打开终端,在命令行里输入:cd desktop //这个表示切换到桌面mkdir gitfile //新建一个gitfile文件夹cd gitfile //进入gitfile文件夹git init //初始化一个仓库 2、在gitfile文件下面新建一个 index.h原创 2017-06-08 23:37:13 · 284 阅读 · 0 评论 -
关于四种定位方式的介绍
定位,同浮动一样是前端开发人员进行css布局的另一神器。浮动布局比较灵活,但不容易控制,定位布局则相反,可以让用户精确地控制元素在页面中的位置“指哪打哪”,但缺乏浮动布局的那种灵活性。在css中,定位布局共有四种方式: (1)固定定位(fixed); (2)相对定位(relative); (3)绝对定位(absolute); (原创 2017-06-07 23:46:07 · 14445 阅读 · 0 评论 -
关于清浮动的几种方法及注意事项
*关于清浮动的几种方法及注意事项*浮动,前端开发人员进行css布局的必备神器,但使用浮动会使元素脱离正常文档流,给我们造成一些不想要的效果,此时就需要用到“清除浮动”这项技能了。一般来说,清除浮动大家首先想到的使用“overflow:hidden”这个方法,这个方法清浮动最大的弊端在于“隐藏超出父元素的内容部分”,且应用于浮动元素的父元素,如果要清除浮动元素对后面元素的影响,此方法是行不通的。示例原创 2017-06-06 22:54:53 · 477 阅读 · 0 评论