Heim > Web-Frontend > HTML-Tutorial > div+css第四天_html/css_WEB-ITnose

div+css第四天_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:31:43
Original
1069 Leute haben es durchsucht

一、css特性

1.继承
子元素会继承父元素的某些样式,
因为有些子元素本身就有默认的样式。

2.层叠
子元素如果定义了与父元素相同的样式,会覆盖掉父元素的样式。

二、css的一些使用小技巧

1.就一个比较特殊的字体想用,怎么办?
  将其转为图片。
分中英文字体。设置字体的顺序。将英文字体设置在前,中文在后。

2.想让文字在垂直方向上居中显示,将行高设置为元素的高度,行高(line-height)==元素高度.
注意:******文字的内容不能超过元素的宽度,也就是不能换行。这时候可以把元素的宽度设长一点就可以解决该问题。

3.css可以重新设置xhtml标签的默认样式,如h1默认加粗。

4.导入式样式:也就是将样式写到一个文件中,再导入到网页中。
说明:导入式,其实与内嵌式是相类似的,都是将样式加入到网页里。
        导入式样式,会占用html文件的空间
        有些浏览器,解析会有问题,浏览器会最后读取@import中的内容。

三、css样式的优先权

1.四种应用方式的优先权
内联式(行内样式) > 内嵌式(内部式) > 链接式(外部式) > @import导入式

注意:当在同一个页面同时使用了链接式和导入式样式时

,这时就要用就近原则来判断它们的优先级,即它们出现

的先后顺序。

2.css优先权:

  就近原则(很重要);

  作用范围越小,优先权越高;

  离要修饰的目标越近的样式优先权越高。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage