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

导航,头部,CSS基础

时间:2017-10-18 22:10:57      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:一个   ext   制作   style   www.   lan   技术   alt   search   

1.制作自己的导航条。

HTML头部元素:

  1. <base>  定义了页面链接标签的默认链接地址
  2. <style>  定义了HTML文档的样式
  3. <link>  定义了一个文档和外部资源之间的关系练习样式表:
    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://p1.so.qhimgs1.com/t0148db23e6d9b288ad.jpg" target> </head> <body> </body> <nav> <a href=""><img src="http://p1.so.qhimgs1.com/t0148db23e6d9b288ad.jpg">首页</a> <a href="http://www.gzcc.cn">欢迎</a> <input type="text"name="search"> <button type="submit">搜索</button> <a href="">登陆</a> <a href="">注册</a> </nav> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--<link rel="stylesheet" type="text/css" href="test1.css.html">--> <style type="text/css"> p{ color: red; } .zidingyi{ color: blue; } #commentcount{ } </style> </head> <body> <p>双11全部商品</p> <p>双11全部商品5折</p> <h1 class="zidingyi">双11全部商品5折</h1> <h2><span id="commentcount" >1000</span>点赞</h2> </body> </html>

技术分享

 

导航,头部,CSS基础

标签:一个   ext   制作   style   www.   lan   技术   alt   search   

原文地址:http://www.cnblogs.com/lianghaohui123/p/7689288.html

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