自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 js中innerHTML与innerText的用法与区别

js中innerHTML与innerText的用法与区别用法:   test1 test2在JS中可以使用:test.innerHTML:  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。  上例中的test.innerHTML的值也就是“test1 test2 ”。test.innerText:   从起

2017-05-14 16:27:35 378

转载 JavaScript中forEach与each

JavaScript中forEach与each

2017-05-14 15:36:52 717

转载 CSS ::before 和 ::after

悬浮出现方括号a { position: relative; display: inline-block; outline: none; text-decoration: none; color: #000; font-size: 32px; padding: 5px 10px;}a:hover::before, a:hover::after

2016-12-31 15:15:42 472 2

原创 Task7 总结

1-header部分logo部分原思路<div><img src="">新世界</div>div 绝对定位垂直居中于header块,img绝对定位垂直居中于div块。文字部分采用 line-height(与行高相等后居中); text-indent调整位置。 logo部分他人思路<div><h1>新世界</h1></div>logo背景图片采用background: url( ) no-re

2016-12-28 22:07:53 278

原创 文章标题

text-align; margin: 0 auto居中区别

2016-12-25 09:15:04 257

原创 <img>会随着窗口大小缩放

会随着窗口大小缩放,如果改变img大小,设置了width: 30%,当缩放窗口时,图片大小也随着缩放。想固定大小的方式:设置成固定宽度,如width: 100px;

2016-12-19 10:57:32 6982 1

原创 设置div水平垂直居中方法

margin: auto; position: absolute; top:0;    left:0;    bottom: 0;    right: 0;这个方法是把margin设为auto,正常情况margin是0。当绝对定位时,为了满足l,r,b,t都为0,margin被拉伸而且上下左右相等所以居中。当l=0被取消时,container直接位置右移就能满足r=0,

2016-12-18 22:20:09 271

原创 margin-right、margin-bottom设置不起作用?

猜想,待验证:浏览器默认是从左向右渲染一个div .box默认是左上对齐,所以margin-right、margin-bottom设置不起作用

2016-12-18 20:01:52 6260

原创 h标签本身自带间距 去除方法

h标签本身自带间距去除方法:h{margin: 0px; padding: 0px;}

2016-12-15 21:41:26 10275

原创 欢迎使用CSDN-markdown编辑器

制作网页流程1、分析结构,写出div框架2、本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 C

2016-12-12 21:48:15 194

原创 居中

块元素居中:margin{0 auto;}内联元素居中:text-align:center;

2016-11-24 21:20:15 204

原创 div里英文或数字溢出问题

连续的输入英文或者是数字,就会产生这个问题。如果正常的中文就不会产生这种问题。连续英文算作一个单词。解决办法:CSS里填加 word-wrap:break-word;注:word-break:break-all;360浏览器当时无效果,待以后验证引用:word-break:break-all和word-wrap:break-wor

2016-11-23 12:31:20 3755

原创 布局

自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值。浮动布局:

2016-11-21 21:12:18 215

转载 元素分类

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、什么是块级元素?在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:bloc

2016-11-20 21:24:12 633

转载 权值

有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}.first{color:green;}三年级时,我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种cs

2016-11-20 21:03:42 5387

转载 类和ID选择器的区别

相同点:可以应用于任何元素不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。下面代码是正确的: 三年级时,我还是一个class="stress">胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个class="stress">勇气来回答老师提出

2016-11-20 20:37:36 346

转载 CSS样式分类

内联:text 局部特殊处理嵌入:span{color:red;font-size:10px;} 统一样式格式外部: 方便复用、管理三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>

2016-11-20 20:21:20 1019

转载 CSS\html注释代码

在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用)。就像下面代码:

2016-11-20 20:12:43 403

转载 *form表单中的label标签(unkown)

伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。语法:

2016-11-20 20:08:36 370

转载 <em>、<strong>、<span>这三个标签进行一下总结:

1. 和标签是为了强调一段话中的关键字时使用,它们的语义是强调。2. 标签是没有语义的,它的作用就是为了设置单独的样式用的。如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到标签了。如下面例子:1922年

2016-11-20 11:40:04 1804

转载 HTML5 中的 b/strong,i/em 有什么区别?

作者:Gino链接:https://www.zhihu.com/question/19551271/answer/12521687来源:知乎著作权归作者所有,转载请联系作者获得授权。在HTML4.01中: 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,表现样式为 { font-weight: bolder },仅仅表示「这

2016-11-20 11:33:26 1835

空空如也

空空如也

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

TA关注的人

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