CSS
microcosmv
这个作者很懒,什么都没留下…
展开
-
CSS浮动属性Float详解
1,设置img{ float:right;}则图片浮动显示在右侧,多张图片的话会从右向左排列。2,设置img{ float:right; clear:both;}则图片浮动显示在右侧,多张图片会从上到下排列。具体详细内容参考:CSS浮动属性Float详解转载 2016-06-14 11:45:28 · 533 阅读 · 0 评论 -
给body加上border属性后border为什么会变大(算上了margin)?
代码如下:<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="utf-8" /> <title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmai原创 2017-01-16 21:38:12 · 2489 阅读 · 0 评论 -
两个div之间有一段空隙(距离)怎么回事?
设置默认样式等均一切正常,此时可以查看是否使用了display: inline-block; 如果用了display:inline-block;标签换行时就会出现间隙。 如果必须用的话就改变div默认样式:div{margin:0;padding:0;}改成div{margin:0;padding:0;font-size: 0;}原创 2016-11-27 22:08:51 · 47402 阅读 · 4 评论 -
css怎么让div水平垂直居中(转)
原文链接:css怎么让div水平垂直居中转载 2016-10-07 17:31:55 · 337 阅读 · 0 评论 -
制作html网页时如何使用CSS使背景图片拉伸(填充)
答案:background-size: cover;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { background-image: url(images/2.jpg);原创 2016-10-07 16:35:47 · 15211 阅读 · 0 评论 -
html、css里全角和半角状态下输入的区别
html里: 一、使用全角空格 全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。 二、使用空格的替代符号 替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。 注意:如果需要一个空格,敲一个半角空格即可,但是需要多个空格话则需要以上办法,因为html会视多空格为一个空格。css里:属性键值对输入时原创 2016-10-07 16:32:08 · 3570 阅读 · 0 评论 -
CSS三种样式的优先级(转)
原文链接:CSS三种样式的优先级 1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高): 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。 2、权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式。 下面是权值的规则: 标签的权值为1,类选择符的权值为10,ID选择符的转载 2016-10-05 23:29:52 · 1384 阅读 · 0 评论 -
CSS里与字体有关的属性以及字体属性连写
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { color: red; font-size: 30px; font-weight: bo原创 2016-10-05 16:54:16 · 6243 阅读 · 0 评论 -
css里同一个标签定义了两种样式,哪一个有效?
后者有效。例1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:red; font-size:30px; height: 1原创 2016-10-05 15:31:12 · 3503 阅读 · 0 评论 -
HTML、CSS、JS全拼
HTML: HyperTextMark-upLanguage 即超文本标记语言; CSS:Cascading Style Sheet 层叠样式表; JS:JavaScript,是一种由Netscape的LiveScript发展而来的脚本语言。原创 2016-10-05 15:25:51 · 2047 阅读 · 0 评论 -
给p标签加了css样式没有效果?
错误代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> p{ color: green; font-size:32px; } </style><原创 2016-10-05 14:34:10 · 7864 阅读 · 0 评论 -
如何去除html代码标签之间换行产生的空格
参考链接:5种方法去掉HTML中Inline-Block元素之间的空白 推荐方法:在父元素上设置font-size: 0;例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { m原创 2016-10-10 10:54:30 · 27188 阅读 · 1 评论 -
为table表格设置合并边框
border-collapse: collapse;例1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table { margin: 0 auto; width: 30原创 2016-10-10 09:03:54 · 44221 阅读 · 1 评论 -
margin: 0 auto;和text-align: center;的区别
1,margin: 0 auto;一般使用在有宽度的框,使框在浏览器里居中。2,text-align: center;使其中的内容水平居中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div {原创 2016-10-09 13:37:15 · 885 阅读 · 0 评论 -
CSS:<ul>的左边为什么有40px的默认距离呢?
由于不同浏览器之间有不同的默认样式,这样就导致了:“明明我没有设置margin padding,但是元素之间却存在间距等状况”。解决这种情况的方法就是在开始写css之前将所有元素的padding margin默认样式统一起来。在css文档中添加如下样式即可:*{ padding:0; margin:0; }以下是学习过程中遇到的问题实例例1<!DOCTYPE html PUBLIC原创 2016-06-14 16:43:20 · 15816 阅读 · 2 评论 -
如何设置body高度为100%
body默认是没有高度的,它是被子元素撑大的。设置border 就能够看出来。浏览器的开发厂商为了设置背景色建议,背景色设置给body,那么就会全屏应用。但是,body的高度并没有发生改变。那么如何设置body为100%呢? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2017-01-19 19:04:41 · 4043 阅读 · 0 评论