<html>
<head>
<style>
#round{
color:#f00 //红色
}
a{
color:#0f0 //绿色 需要单独设置
}
</style>
</head>
<body>
<div id="round">
<p>测试文字1</p>
<p>测试文字2</p>
<a href=''>测试</a>
</div>
</body>
</html>
参考以下方法新建一个html文件,命名为test.html,用于讲解如何引用css外部样式来改变html中的p标签颜色。在test.html文件内,使用p标签创建一行文字,设置p标签的class属性为mypp,下面将使用css样式对该行文字进行设置。在test.html文件内,编写标签,页面的css样式将写在该标签内。
在css标签内,对p标签的样式进行设置,定义其文字颜色(color)为红色(red)。
创建一个css文件夹,在文件夹内创建一个index.css文件,在文件内,使用color属性重新定义p标签颜色,颜色更改为蓝色(blue)。
在test.html文件内,使用link标签载入css文件夹下的index.css文件,href属性为css文件的路径地址。在浏览器打开test.html文件,查看实现的效果。
HTML 中 id与name 区别一个name可以同时对应多个控件,比如checkbox和radio
而id必须是全文档中唯一的
CSS 中 id、class属性的区别
1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。
如: .css5{属性:属性值} 选择器在html调用为“
我是class例子
.baobao{ color: limebackground: #ff80c0 }
使用方法:class="baobao"
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则:
#binbin{ font-size: larger }
使用方法:id="binbin"
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;