【css 小知识】的更多相关文章

【前端词典】几个有益的 CSS 小知识

今天偷个懒,不长篇大论,分享几个你可能不知道的 CSS 小知识. 样式的顺序 CSS 代码:   HTML 代码:   记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能 后代选择器 样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用…

几个有益的 CSS 小知识

样式的顺序 CSS 代码:   HTML 代码:   记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上) 答案你们应该是知道的. 可以这样提升 CSS 性能 后代选择器 样式选择器中间的空格是什么?它的名字是 —— 后代选择器. 为什么会更消耗性能呢? 因为浏览器首先会找到所有p标签,然后再向上查找包含class为div标签.这样一来如果代码中有很多p标签,无疑是会做很多重复工作的. 所以可以减少使用 HTML 标签来定义 CSS 的方式,换成使用具体的class.…

12个你未必知道的CSS小知识

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方. 请注意,上面的代码里只使用了一个color属性,就是在body元素上,设置成了yellow.但是,你也看到了,所有这个页面上的东西都变成了黄色…

一些常被你忽略的CSS小知识

1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经 验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方.它 可以把页面上的所有的东西都变颜色.比如: 无法显示的图片的alt文字. list元素的边框.无序list元素前面的小点.有序list元素前面的数字和hr元素等 1: <html> 2: <head> 3: <meta http-equiv="cont…

HTML、CSS小知识--兼容IE的下拉选择框select

HTML <div class="s_h_ie"> <select id="Select1" disabled="disabled" runat="server"> <option value="寻人求助">寻人求助</option> <option value="寻人求助">寻人求助</option> <op…

你未必知道的css小知识

1:当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如padding-top,padding-bottom,margin-top,margin-bottom等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度来计算的. 2:css里的empty-cells属性是所有浏览器都支持的,甚至包括IE8,它的用法是下面这个样子: table {   empty-cells: hide; } 它是为HTML table服务的.它会告诉浏览器,当一个…

css 小知识

<!-- IE下消除点击图片文字后出现的虚线框代码 --> <style type="text/css">a {blr:expression(this.onFocus=this.blur())}</style> <!-- Firefox下消除点击图片文字后出现的虚线框代码 --> <script> window.onload=function(){ for(var i=0; i<document.links.length…

css小知识

7. span { display:inline-block; width:70px; /* 超出长度以...显示 */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; } 1.table 和并列:colspan=“2” 合并行:rowspan="3" border-collapse 属性设置是否将表格边框折叠为单一边框: table { border-col…

css小知识 2

效果为 为什么还出现出现不同的效果? 浏览器在解析第二个p的时候,因为第二个字母见没有空格,它会认为这是一个单词没有写完,所以不会换行 列表 1.无序列表ul 第二,内部必须有子代标签<li></li> 第二 ul天生自带内外边距    还有一个   p    标签 并集选择器 *选择器  有好处也有弊端 好处  就是省事,弊端,就是因为太省事了,加大了浏览器的负荷. 解决的办法就是    按需选择. list-style          这是样式属性       除去列表前的符…

CSS小知识---table表格

所用的仍是bootstrap的模板 <link rel="stylesheet" href="css/bootstrap.min.css"> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/jq…