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，但是，丝毫不影响其在...
在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。2.嵌入式 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <style type="text/css"> ...此处写CSS样式 </style> </head> 缺点是对于...
CSS 部分首先随便新建一个用来做判断的类，然后通过 Media Queries 来对这个类的 z-index 属性赋予不同的值。这个类仅作为 JavaScript 读取使用，所以需要将其移出屏幕窗口，让浏览者不可见以免引起意外情况。作为演示，下面代码设置了四种设备状态：桌面普通版、小屏幕桌面版、平板电脑版和手机版。/* default state */ .state-indicator {position: absolute;top: -999em;left: -999em;z-index: 1; }/* small desktop */ @media ...
css的应用十分广泛,即便用在图片的效果中也是方法多样，本文下面就介绍五种为图片添加特殊效果边框的CSS写法阴影效果通过使用带有一些padding之的背景图来添加阴影效果。HTML<img class=”shadow” src=”sample.jpg” alt=”" /> CSSimg.shadow {background: url(shadow-1000×1000.gif) no-repeat right bottom;padding: 5px 10px 10px 5px; }双边框效果 这应该是目前最常见的技巧，我们通过以下方式创建说边框HTML<img class="d...