杂七杂八

来源:互联网 发布:cms系统文档 编辑:程序博客网 时间:2024/05/19 03:22

这是平时忽略的问题集中地


1、CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。

p {text-indent: -5em;}

2、text-transform 属性处理文本的大小写。这个属性有 4 个值:

  • none
  • uppercase
  • lowercase
  • capitalize

默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。

顾名思义,uppercase 和 lowercase 将文本转换为全大写和全小写字符。

最后,capitalize 只对每个单词的首字母大写。


3、border-collapse 属性设置是否将表格边框折叠为单一边框:

table  {  border-collapse:collapse;  }

4、outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

注释:轮廓线不会占据空间,也不一定是矩形。


5、如何让 CSS 去控制 HTML 页面?
     有 4 种样式(斱式),行内样式、内嵌样式、链接样式、导入样式

     四种样式的优先级按照“就近原则”:行内样式 > 内嵌样式 > 链接样式 > 导入样式

6、对于通用选择器还有一个不得不提的用法,就是为了保证作出的页面能够兼容多种浏览
器,所以要对 HTML 内癿所有的标签进行重置,会将下面的代码加到 CSS 文件的最顶端:
*{margin:0; padding:0;}

为什举要这样用呢,因为每种浏觅器都自带有 CSS 文件,如果一个页面在浏觅器加载同时浏觅器自带的 CSS 文件又都不一样,对不同标签定义的样式不一样,如果我们想让作出的页面能够在不同的浏觅器显示出来的效果都是一样的,那举我们就需要对 HTML 标签重置,就是上面的代码了。

7、页面模块常用命名:


8、内联元素宽度(width)和高度(height)都不起作用。

9、 margin:20px 0;则和 margin:20px 0 20px 0;是等价的~只不过是更加精简而已,这样样写,CSS 加载速度会更快。

10、

#nav ul li{    float: left;  //让列表横向排列  }

11、 a 属于内联元素,内联元素是无法设置宽度和高度的,width 和 height 叧是针对块状元素,说到这里,解决办法就出来了,只要我们把内联元素 a 转化成块状元素
就可以了,我们用“display:block;”将内联元素转化成块状元素。

0 0