博客列表 >HTML/CSS基础(CSS样式和选择器)20180810

HTML/CSS基础(CSS样式和选择器)20180810

胖达的博客
胖达的博客原创
2018年08月14日 18:56:56617浏览

1.jpg29.jpg第一次作业

代码:

实例

<!DOCTYPE html><!-- html声明 -->
<html>
<head><!-- 定义网页头 -->
	<meta charset="UTF-8">
	<title>PHP中文网css样式</title>
	<link rel="stylesheet" type="text/css" href="static/style.css"><!-- 外部样式:共享 -->
	<link rel="shortcut icon" type="image/x-icon" href="images/footlogo.png">
	<style type="text/css">/*内部样式:只针对当前页面*/
          body{}/*标签名*/
          #box{width: 100px;height: 100px;background: pink;}/*id名*/
          .main{width: 100px;height: 100px;background: green;}/*类名*/
          a{color: red;}
          a[href="http://www.php.cn"]{color: blue;}/*属性选择器*/
          a[href="demo2.html"]{color: pink;}
          div a{color:#000;}/*派生选择器*/
          
	</style>
</head>
<body ><!-- 内联样式 style="background:blue"-->
	<a href="http://www.baidu.com">百度</a>
	<a href="http://www.php.cn">PHP中文网</a>
	<a href="demo2.html">demo2</a>
	<a href="#">#</a>
	<div id="box">
	    <a href="">php</a>
	</div>
	<div class="main"></div>
	<div></div>
	<div></div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议