HTML+CSS·经常使用的设计方法:======================================================= margin【外】 == padding【内】 == = * { margin:0px; padding:0px; }= = .wrapper{ margin:0 auto; }= margin: 0 auto; (设置网页左右居中)= margin: 60px auto; (设置网页【上下60px】左右居中) == =类别选择器:class------.p{10:52 2016-5-16 }= c :【©】 =ID选择...
使用CSS隐藏元素的方法很多,在这里简单总结一下:1、display:nonedisplay:none 应该是最常用的一种隐藏元素的方法,使用该方法隐藏的元素脱离文档流不占据空间,不会被浏览器解析,不能点击,搜索引擎可能会认为被隐藏的文字属于垃圾信息而被忽略,而且屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。 2、visibility:hidden使用 visibility:hidden 隐藏的元素,不能点击,但是会占据文档空间,不...
复制代码代码如下:html,body { margin:0; padding:0; height:100%; font-family:"Times New Roman" /**/ background:url(images2/bg2m.jpg); }原文:http://www.jb51.net/css/110342.html
1、在浮动元素后面加一个空的div,并为它清除浮动html代码:<div class="wrap"> <div class="float">浮动</div> <div class="clear"></div> <div class="nofloat">不想被浮动影响</div></div> css代码:.wrap{ width:500px; height:400px; border:1px solid red; margin:0 auto;}.float{ width:200px; height:200px; background:#ccc; float:left;}.nofloat{ width:300px; height:150px; background:red;} ...
今天angularjs的网站突然加载报错,提示Refused to execute script from ‘https://cdnjs.com/‘ because its MIME type (‘text/html‘) is not executable, and strict MIME type checking is enabled 后查看引用的//cdn.bootcss.com/require.js/2.1.11/require.min.js 无法打开。 解决方法:把所有 cdn.bootcss.com替换成cdnjs.cloudflare.com/ajax/libs原文:https://www.cnblogs.com/wsprince/p/10577939.html
超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1、超链接a的初始状态颜色,2、超链接字体的鼠标滑过颜色,还有两种病不常用:3、超链接字体的已访问颜色,4、超链接字体在按下鼠标时的颜色四中超链接状态分别对应的css属性:a{}、a:hover{} 、a:visited{}、a:active{},通常只写a{}、a:hover{}即可,如果你需要其他两种字体颜色设置请参照一下顺序来书写a{color:red;} a:visited{color:green;} a:hover {c...
无论是哪种原因,这都不是无法避免的。写出干净,超级可管理的CSS很简单,只要你走对了路,你的代码会更便于今后的维护和编辑。写出更轻巧、更快并且更不会让你头疼的CSS,以下这10个技巧将会提高你这方面的能力。1.保持条理性像任何事情一样,让自己保持条理性(有组织)是值得的。采用清晰的结构,而不是随心所欲地组织id和class(别想到啥就写啥)。这会有助于你在心里记住CSS的级联性,并让你的样式表能够利用样式继承。首先声...
说到水平居中,大家可能觉得很简单啊,text-align:center 就OK了。但是,有时候会发现这样写了也没出效果。原因是什么呢? 请往下看。水平居中:分为块级元素居中和行元素居中 行内元素:行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。直接构建一个具有 ”text-align:center“样式的容器,那么里面包含的行内元素就会都居中了。<div style="text-align:center;border-style:solid"><p style="border-style:s...
HTML布局:<div class="outer"><div class="sidebar">固定宽度区(sideBar)</div><div class="content">自适应区(content)</div> </div> <div class="footer">footer</div>常见的方法:1、将左侧div浮动,右侧div设置margin-left/*方法1*/ .outer{overflow: hidden; border: 1px solid red;} .sidebar{float: left;width:200px;height: 150px; background: #BCE8F1;} .content{margin-left:200px;height:100px;background: #F0AD4E;...
css关于清除浮动本文参考了博客http://www.jb51.net/css/173023.html后经过本人的实践总结除了下面几种清除浮动的最常用的方法。.div1{background-color:#00c; }.left{float:left;width:200px;height:200px;background-color:#0c0; }.right{float:right;width:200px;height:200px;background-color:#0f0; }.div2{height:100px;background-color:#ffc; }<divclass="div1"> <divclass="left">left</div> <...
span 一个没有语义的行内标签base这个标签可以设置超链接的默认跳转方式title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本class 定义标签的类名id 定义标签的Id名active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层stylesteet 层叠样式表focus 设置元素获得焦点时样式的伪类,也不建议使用了visited 设置超链接被访问过后的样式的伪类target 设置超链接的跳转方式_blank 是tar...
介绍快速编写 HTML/CSS 代码的方法:1、新建html文件使用 !+Tab或者html:5 可以快速生成HTML文档类型;2、轻松添加类、id、文本和属性连续输入元素名称和ID,Emmet会自动为你补全,比如输入p#foo;连续输入类和id,比如p.bar#foo,自动生成如下代码:<p class="bar" id="foo"></p> 输入h1{foo}和a[href=#],就可以自动生成如下代码:<h1>foo</h1> <a href="#"></a>3. 嵌套现在你只需要1行代码就可以实现标签的嵌套:>:子元素符...
<body><style> .parent { width:100%; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } .child { margin-bottom:20px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; color:#fff; } .child:nth-of-type(1){ height:100px; background:#000; } .child:nth-of-type(2){ height:120px; b...
html使用css让文字超出部分用省略号三个点显示的方法: 我正确使用的就是下面的代码,li里面是a标记。在IE和google中使用是正常的,火狐不知道,我也不在意,等你来测 li{ display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; } 直接拿这个css样式去用吧,编程嘛,解决就好,不用看下面的了。 语法: text-ove...
浏览器上页面文字选中后默认的背景色是一种蓝色, 不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色,如下图所示,截自Firefox3.6浏览器:在CSS3的爸爸妈妈还没有相亲认识的时候,要改变页面上文字选中后的背景色以及文字颜色,就跟让太监生孩子一样困难。但是,随着CSS3呱呱落地,获得越来越多的浏览器认可,一切又显得那么自然而然。虽然有些顽固的糟老头(如IE浏览器)还不认可这个新生的CSS3,但是,丝毫不影响其在...