css的语法
2016-07-10 13:50
435 查看
1.通过本身改变文字:
2.通过class改变文字:
3.通过id改变文字:
下面有。
4.优先级:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
p{
color:red;
}
.x{
color:green;
}
#z{
color:pink;
}
</style>
</head>
<body>
<p>第一行</p>
<p class="x">第二行</p>
<p class="x" id="z">第三行</p>
<p style="color:black" class="x" id="z">第四行</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>你好,css</title> <style type="text/css"> p{ color: red; font-size: 50px; } </style> </head> <body> <p>这是一句话</p> </body> </html>
2.通过class改变文字:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>你好,css</title> <style type="text/css"> .x{ color: blue; } </style> </head> <body> <p class="x">这是一句话</p> </body> </html>
3.通过id改变文字:
下面有。
4.优先级:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
p{
color:red;
}
.x{
color:green;
}
#z{
color:pink;
}
</style>
</head>
<body>
<p>第一行</p>
<p class="x">第二行</p>
<p class="x" id="z">第三行</p>
<p style="color:black" class="x" id="z">第四行</p>
</body>
</html>
相关文章推荐
- java对世界各个时区(TimeZone)的通用转换处理方法(转载)
- java-注解annotation
- java-模拟tomcat服务器
- java-用HttpURLConnection发送Http请求.
- java-WEB中的监听器Lisener
- Android IPC进程间通讯机制
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- 介绍一款信息管理系统的开源框架---jeecg
- 聚类算法之kmeans算法java版本
- java实现 PageRank算法
- Web布局连载——两栏固定布局(五)
- PropertyChangeListener简单理解
- c++11 + SDL2 + ffmpeg +OpenAL + java = Android播放器
- 插入排序
- 冒泡排序
- 堆排序
- 快速排序