CSS基础
<head>
内(不是在<style>
标签内)使用<link>
标签将css样式文件链接到HTML文件内。在head标签下添加如下代码
<head> <link href="base.css" rel="stylesheet" type="text/css" /> ... </head><!--注释语句-->
。/*注释语句*/
来标明。<span>
标签加入sytle="font-size:18px"语句),本小节讲解一种新的方法嵌入式css样式来实现这个任务。<style type="text/css"></style>
标签之间。如下面代码实现把三个<span>
标签中的文字设置为红色:
<style type="text/css"> span{ color:red; } </style><style></style>
之间,并且一般情况下嵌入式css样式写在<head></head>
之间。<head>
内(不是在<style>
标签内)使用<link>
标签将css样式文件链接到HTML文件内,如下面代码:
<link href="base.css" rel="stylesheet" type="text/css" /><html>、<body>、<h1>、<p>、<img>
。例如下面代码:
<style type="text/css"> p{ font-size:12px; line-height:1.6em; } ... </style>
上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:
overflow:visible 可能的值: visible:默认,内容不会被修剪,会呈现在元素框之外。 hidden:超出的内容会被修剪掉,直接不现实。 scroll:超出内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto:如果内容被超出,则浏览器会显示滚动条以便查看其余的内容。 inherit:规定应该从父元素继承 overflow 属性的值。
background:50% 50%;
第一个表示水平方向,第二个表示垂直方向background:40px 10px;
第一个表示水平第二个表示垂直在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:
长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。