html级联选择器,HTML5 学习--级联样式与CSS选择器

级联样式

级联样式(Cascading Style Sheet)英文缩写即为CSS，主要作用于网页的风格设计或说网页的布局，可以设置字体大小、颜色、以及元素的位置等。

常用的级联样式有三种：外部级联、内部级联和内联。

外部样式，使用link连接外部CSS，如下在head标签中使用href(类似于iOS中的url)连接一个外部CSS样式。外部样式的好处时，可以复用此CSS样式。

HTML文件如下：

外部样式选择器

table的行内容

tr就是table每一行的内容,和iOS中不同,table的一个复用就有许多行,h5看起来是一行一行写进去的

不加css时就是空白的一行

外部CSS文件如下：

/* 通过table元素这个关键字作为选择器, 起到选择的作用。 是级联选择器的一种 */

table{

background-color: #003366;

width: 400px;

}

/* 关键字(或说元素)作为选择器, 起到查找定位的作用 */

/* 设置table每行的属性 */

td{

background-color: #ffffff;

font-size: 20pt;

text-shadow: -2px 2px 2px #333;

}

外部样式.png

内部级联样