码迷,mamicode.com
首页 > Web开发 > 详细

导航,头部,CSS基础

时间:2017-10-18 23:17:29      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:styles   技术   关系   logs   默认   blank   inpu   input   链接地址   


  1. 制作自己的导航条。
  2. HTML头部元素:
    1. <base>  定义了页面链接标签的默认链接地址
    2. <style>  定义了HTML文档的样式
    3. <link>  定义了一个文档和外部资源之间的关系
  3. 练习样式表:
    1. 行内样式表
    2. 内嵌样式表
    3. 外部样式表
  4. 分别练习定义三类选择器:
    1. HTML 选择器
    2. CLASS 类选择器
    3. ID 选择器

<!
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <base href="http://www.gzcc.cn/2016/images/banner.png" target="_blank"> </head> <body> <nav> <a herf=""><img src="http://www.gzcc.cn/2016/images/banner.png"></a> <a href="www.gzcc.cn">首页</a> <input type="text" name="search"> <button type="submit">搜索</button> <a herf="">登录</a> <a herf="">注册</a> <span style="background-color:green">登录</span> </nav> </body> </html>

技术分享

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="10.181.css">

</head>
<body>
     <P class="textblue">校园资讯</P>
     <h1 class="textblue">校园资讯</h1>
     <h3><span id="commentcount">1218</span>评论</h3>

</body>
</html>
 p{
        color:blue;
        }
        .textblue{
        color:blue;
        }
        #commentcount{
            background-color:#FFD700;

技术分享

 

导航,头部,CSS基础

标签:styles   技术   关系   logs   默认   blank   inpu   input   链接地址   

原文地址:http://www.cnblogs.com/Betty18/p/7689473.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!