随笔分类 -  JS +CSS+HTML 前端

BootStrap 下拉多级菜单
摘要：Bootstrap 3 的多级下拉菜单示例 选择分类 一级菜单 一级菜单 二级菜单 一级菜单 二级菜单 二级菜单 三级菜单 阅读全文
posted @ 2019-05-14 10:42 cutdragonhit 阅读(708) 评论(0) 推荐(0)
CSS| 框模型-定位及相關屬性
摘要：CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应 阅读全文
posted @ 2018-10-20 12:01 cutdragonhit 阅读(195) 评论(0) 推荐(0)
CSS| 框模型-margin
摘要：CSS margin 属性 设置外边距的最简单的方法就是使用 margin 属性。 margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。 margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白： 下面的例子 阅读全文
posted @ 2018-10-20 11:36 cutdragonhit 阅读(253) 评论(0) 推荐(0)
CSS| 框模型-padding
摘要：例子: 阅读全文
posted @ 2018-10-20 11:33 cutdragonhit 阅读(165) 评论(0) 推荐(0)
CSS| 框模型-border
摘要：CSS 边框属性 阅读全文
posted @ 2018-10-20 11:31 cutdragonhit 阅读(185) 评论(0) 推荐(0)
CSS| 框模型-輪廓
摘要：轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。 相關屬性 outline-color 属性 outline-style 属性 outline-width 属性 阅读全文
posted @ 2018-10-20 11:00 cutdragonhit 阅读(138) 评论(0) 推荐(0)
CSS| table property
摘要： 阅读全文
posted @ 2018-10-19 17:06 cutdragonhit 阅读(188) 评论(0) 推荐(0)
CSS| font property
摘要：字體屬性 常用的CSS字体名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 Ka 阅读全文
posted @ 2018-10-19 15:12 cutdragonhit 阅读(202) 评论(0) 推荐(0)
CSS| text文本属性
摘要：注意：一般来说，可以为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无法应用 text-indent 1) text-indent 取值: 5px/2em/10%... 该属性可以方便地实现文本缩进。通过使用 text-indent 属性，所有元素的第 阅读全文
posted @ 2018-10-19 13:39 cutdragonhit 阅读(792) 评论(0) 推荐(0)
CSS| 實例---寬度自由調節button,圖片切換
摘要：<html lang="en"> <head> <meta charset="utf-8"/> <title>Image Gallery</title> <style type="text/css"> .btn1{display:inline-block; background:url(./sina 阅读全文
posted @ 2018-10-18 12:25 cutdragonhit 阅读(147) 评论(0) 推荐(0)
CSS| 解决子级用css float浮动 而父级div没高度不能自适应高度
摘要：解决子级用css float浮动 而父级div没高度不能自适应高度 解决子级对象使用css float浮动 而父级div不能自适应高度，不能被父级内容撑开解决方法，父级div没有高度解决方法。 最外层的父级DIV不能自适应高度-不能随对象撑开没有高度 当在对象内的盒子使用了float后，导致对象本身 阅读全文
posted @ 2018-10-17 20:30 cutdragonhit 阅读(246) 评论(0) 推荐(0)
CSS| background_属性总结
摘要：Property List 从表格中，我们可以看出 background-clip ，background-origin和 background-size是css3中新增的属性。 background: 简写方式： background:background-color background-ima 阅读全文
posted @ 2018-10-14 13:57 cutdragonhit 阅读(296) 评论(0) 推荐(0)
CSS| position定位和float浮动
摘要：对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有 阅读全文
posted @ 2018-10-14 09:53 cutdragonhit 阅读(343) 评论(0) 推荐(0)
HTML实体符号
摘要：1.特色的 © &copy; © 版权标志 | | 竖线，常用作菜单或导航中的分隔符 · &middot; · 圆点，有时被用来作为菜单分隔符 ↑ &uarr; ↑ 上箭头，常用作网页“返回页面顶部”标识 € &euro; € 欧元标识 ² &sup2; ² 上标2a，数学中的平方，在数字处理中常用 阅读全文
posted @ 2018-10-14 09:34 cutdragonhit 阅读(520) 评论(0) 推荐(0)
HTML DOM open() 方法
摘要：function openWin() { var url='http://www.sohu.com'; //转向网页的地址; var name='add'; //网页名称，可为空; var iWidth=720; //弹出窗口的宽度; var iHeight=600; //弹出窗口的高度; //获得 阅读全文
posted @ 2018-10-11 09:49 cutdragonhit 阅读(286) 评论(0) 推荐(0)
JavaScript中for..in循环陷阱介绍
摘要：for...in循环中的循环计数器是字符串，而不是数字它包含当前属性的名称或当前数组元素的索引，下面有个不错的示例大家可以参考下 for...in循环中的循环计数器是字符串，而不是数字它包含当前属性的名称或当前数组元素的索引，下面有个不错的示例大家可以参考下 大家都知道在JavaScript中提供了 阅读全文
posted @ 2018-10-10 13:36 cutdragonhit 阅读(306) 评论(0) 推荐(0)
HTML--<frameset>標簽
摘要：<html><frameset rows="20,80"> <frame src="/example/html/frame_a.html" marginwidth="10" /> <frameset cols="30%,70%"> <frame src="/example/html/frame_a. 阅读全文
posted @ 2018-09-25 16:10 cutdragonhit 阅读(107) 评论(0) 推荐(0)
Javascript---add to favorite | Set Homepage
摘要：设为首页 加入收藏 --------------------- 本文来自 QC班长 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/qq_35624642/article/details/76020134?utm_source=copy 阅读全文
posted @ 2018-09-24 10:48 cutdragonhit 阅读(1340) 评论(0) 推荐(0)
JavaScript DOM 編程藝術(2版) 綜合實例Band js代碼
摘要：function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!='function') { window.onload=func; } else { window.onload=function() 阅读全文
posted @ 2018-09-22 14:29 cutdragonhit 阅读(214) 评论(0) 推荐(0)

#foot { font-size:8px; font-color:white; }