一点点墨-CSDN博客

原创轻松解决页面小困惑（html+css）

1、怎样让div占据整个页面高度而没有滑条？给body设置属性overflow:hidden; /*css样式*/2、鼠标变小手？ cursor:pointer;3、文本框提示信息(placeholder)修改样式？兼容主流浏览器 input::-webkit-input-placeholder{ colo

2017-12-13 18:29:30 488

原创 Bootstrap基础知识总结+常用知识

Bootstrap在我理解中，就是封装好的类和结构，进行引用；自己可以覆盖其原有的样式；bootstrap官方文档对其使用已经写的非常清楚，本篇文章主要是对自己学习到的知识点进行总结；具体学习知识点+使用步骤：1、引入bootstrap的css和js<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/b...

2019-10-11 18:15:06 680

原创内存空间的理解

一、三种数据结构：堆（heap）：树状结构。类似书架，可以无序，只要知道书的名字就可取出；好比键值对形式存储栈（stack）：先进后出，后进先出；类似羽毛球盒子，先放去的在最底下，最后才用到。队列（queue）：先进先出；类似排队买东西，排在前面的先买先出去；二、变量对象与基础数据类型 JavaScript的执行上下文生成之后，会创建一个叫

2018-01-17 17:16:33 573

原创 JS原生代码实现轮播图（无左右滑动，底下圆点按钮）

先上效果图：由于动态图太大，所以只能截屏了；大致效果，图片轮播的过程中，底下的灰色提示渐渐出现；现在来说实现思路： HTML部分：div id="content"> img id="img1" /> img id="img2" /> div id="intro"> span>span> div>div>

2018-01-09 18:54:24 2932

转载 div标签和p标签的那两三件事

不要在p标签内加div标签案例：鼠标移动上去出现提示先粘贴正确的代码：HTML部分：你好一点都不好 TA好呵呵呵呵呵呵呵CSS部分： .rationale{ position:absolute; background:#ffffdf; border:1px dotted #ccc;

2018-01-05 19:00:12 2583

原创【HTML5 canvas】关于canvas标签的理解和简单应用

canvas标签只是图形容器，我们必须使用脚本来绘制图形自己边练习简单案例边学习：HTML部分:<canvas id="myCanvas" width="1000" height="500"></canvas> 属性：width、height规定画布的宽高绘制图形部分则需要JavaScript操作javascript部分1、绘制矩形<script type="text/javascript">

2017-12-23 18:46:44 508

原创 CSS3中SVG简单应用

这是火焰遮罩效果图，顺着案例简单讲一下SVG的简单应用HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content

2017-12-22 19:14:58 8146

原创分别用css、JS、jQuery实现二级菜单、三级菜单

先看一下效果图，再决定是否接着往下看二级菜单的实现，先编写HTML结构<ul class="t1 fl"> <li>一级菜单 <ul class="t2"> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ul> </li> <li>一级菜单 <ul cla

2017-12-19 11:36:13 10996 2

转载使用CSDN-markdown编辑器的技巧

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-12-18 16:03:25 285

转载关于z-index的详细解释

测试的浏览器：IE，chrome <div id="no-style"> <div id="div1" class="test-div" style="background:#0c8484;">11111 <div id="test-position" class="has-position-absolute">11111的子元素</div> </

2017-12-15 14:25:25 16446 1

原创 git的基础操作，上传、提交、更新等命令

查过资料，自己操作，然后按自己的思路总结：1-11是按顺序操作一遍，就知道了大致流程git使用的常见命令：*git的命令基本上都以git开头 1、安装git后，检测是否安装成功，在cmd中输入git或者git --version 2、设置自己的昵称与email git config --global user.name “Smile” git c

2017-12-15 11:02:43 747

原创 CSS和CSS3选择器

1、元素选择器style type="text/css"> html{color:black;} h1{color:blue}style>2、选择器分组 style type="text/css"> h2,p{color:gray;}style>3、类选择器style type="text/css"> .important{ color

2017-12-14 18:09:34 240

原创 alert中的换行及常用转义字符

alert中的换行及常用转义字符 <script type="text/javascript"> alert("你的名字是\n"+uname+"\r\n"+"你的性别\t是"+sex+"你的爱好是"+hobbit); </script>大部分浏览器用”\n”即可实现换行，有些浏览器需要”\r\n”。”\t”表示调到下一个Tab处。常用的转义字符： \b 退

2017-12-13 19:13:04 4421

SmileRM的博客