级联样式
级联样式(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
内部级联样