自定义博客皮肤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 450

转载 JavaScript中forEach与each

JavaScript中forEach与each

2017-05-14 15:36:52 808

转载 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 603 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 341

原创 文章标题

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

2016-12-25 09:15:04 329

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

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

2016-12-19 10:57:32 7287 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 336

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

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

2016-12-18 20:01:52 6424

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

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

2016-12-15 21:41:26 10954

原创 欢迎使用优快云-markdown编辑器

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

2016-12-12 21:48:15 269

原创 居中

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

2016-11-24 21:20:15 273

原创 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 3962

原创 布局

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

2016-11-21 21:12:18 283

转载 元素分类

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

2016-11-20 21:24:12 711

转载 权值

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

2016-11-20 21:03:42 5581

转载 类和ID选择器的区别

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

2016-11-20 20:37:36 435

转载 CSS样式分类

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

2016-11-20 20:21:20 1104

转载 CSS\html注释代码

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

2016-11-20 20:12:43 521

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

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

2016-11-20 20:08:36 468

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

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

2016-11-20 11:40:04 1898

转载 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 1954

空空如也

空空如也

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

TA关注的人

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