#1.css由selector和declaration组成 比如:
.classA
{
text-align: center;
font-size: 30px;
color: #F0FFFF;
}
#2.css的注释类似Java的块注释 比如:
#forh1
{
text-align: center;
color: darkgreen;
/* id只能用一次,class可以用多次 */
}
注意,HTML的注释是,不要把知识混淆了
Python行注释:
#This is for python
或者:
"""
This is a docsting
"""
或者:
'''
This
'''
Java注释:
//This for Java
或者块注释:
/* This is for Java */
文档注释:
/** Similar to docstring */
#3.id和class id和class相当于配置项,HTML标签组按照需求选择配置项,然后根据配置项按照特定的格式进行显示,比如:
这是id的一个定义,用"#"标记:
#forh1
{
text-align: center;
color: darkgreen;
/* id只能用一次,class可以用多次 */
}
然后使用的时候可以这样:
<h1 id=forh1>
this is a fucking book
</h1>
要注意的是,同个id只能用一次,如果这个样式表在HTML文件内,那么像上面的forth1,只能在h1中使用,而不能再在其他的块中使用,否则会导致不可预料的问题。如果样式表在单独的css文件中,则这个id可以被不同的HTML文件调用,但同样遵守上面的一个文件里,同一id只出现一次的原则。
class和id相比,能在同一个文件内多次使用,用"."标记:
.classA
{
color: aquamarine;
}
使用时:
<body class="classA">
fuck off
</body>
另外还可以这样,直接指定在样式表里指定谁要用这个样式:
h1.classA
{
text-align: center;
font-size: 30px;
color: #F0FFFF;
}
这样会让所有的h1元素都用同一样式
另外还有个直接用元素和声明搭配:
body
{
background-color: lightgrey;
}
至于怎么选择,是你的问题了,个人倾向用class,然后在每一个元素的开头插入class="xxx",而不是直接xxx.classA这样的懒方法。
#4.插入样式表 样式表有三种,但是大的样式表应该用外部文件定义:
<head>
<meta charset="UTF-8">
<title>外部样式表</title>
<link rel="stylesheet"/ type="text/css" href="mystyle.css">
<!-- stylesheet:定义一个外部加载的样式表 -->
</head>
外部的样式表mystyle.css:
p
{
color: bisque;
font-size: 20px;
}
body
{
background-color: khaki;
}
将具体页面和样式表配置分离是一个好的实践
如果要配置的样式比较少,也可以选择内部样式表:
<head>
<meta charset="UTF-8">
<title>这是我的第一个手写css文件</title>
<style>
body
{
background-color: cornflowerblue;
font-family: "eras medium itc";
font-size: 10px;
/* diaoni1 */
</style>
</head>
还有一个称之为内联样式的方式:
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
视情况使用不同的方式。
就酱