博主信息
博文 2
粉丝 0
评论 0
访问量 1370
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html基础标签+css选择器的应用——2018年8月11日15时06分
成家大少的博客
原创
681人浏览过

学习网页编辑是一件很枯燥的事,

实例

<!DOCTYPE html> <!--声明文档类型--> <!--注释的快捷键:(ctrl+/)-->
<html>
<head><!--头部-->
<title>php中文网——视频教程</title><!--定义网页头部标题-->
<meta charset="utf-8"><!--编码-->
<link rel="stylesheet" type="text/css" href="static/style.css"><!-- 外部样式:为了共享 -->
<link rel="stylesheet icon" type="imagee/x-icon" href="images/footlogo.png">
<style type="text/css">/*内部样式:只针对当前页面*/
             /*tag标签名、id名(名字前面加#)class名  属性选择器*/
            body{}/*标记选择器*/
            #box{width: 100px;height: 100px;background: pink;}/*id 选择器 唯一性*/
            .mainf{width: 100px;height: 100px;background: green;}/* class选择器 类*/
            a{color: red;}
            a[href="http://www.php.cn/"] {color: blue;}
            a[href="demo2.html">demo2] {color: pink; }
            div a{color: #000;}
            #box a{}


</style>
</head>
<body>
	<img src="" >
	<a href="https://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 class="main"></div>
     <div></div>
     <div></div>
	</div>
</body>
</html>

运行实例 »

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

20180811154442.png


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学