首页 / CSS / 导航,头部,CSS基础
导航,头部,CSS基础
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了导航,头部,CSS基础,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3128字,纯文字阅读大概需要5分钟。
内容图文
- 制作自己的导航条。
- HTML头部元素:
- <base> 定义了页面链接标签的默认链接地址
- <style> 定义了HTML文档的样式文件
- <link> 定义了一个文档和外部资源之间的关系
- 练习样式表:
- 行内样式表
- 内嵌样式表
- 外部样式表
- 分别练习定义三类选择器:
- HTML 选择器
- CLASS 类选择器
- ID 选择器
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Hello my world</title><base href="http://i1.sinaimg.cn/dy/weather/main/index14/007/icons_32_yl/"target="_blank"><link rel="stylesheet" type="text/css" href="T5.css"><style type="text/css"> p{ color:darkcyan;font-size: 10px;} .textblue{ color:blue; text-decoration: underline;} .tea{ background-color:pink;} c{ color:pink;}</style></head><body><h3>CSGO</h3><br><div class="container_skitter" style="width: 758px; height: 346px;"><div class="image"><a href="http://www.csgo.com.cn/hd/1706/operationhydra/operationhydra.html" target="_blank"><img class="image_main" src="http://www.csgo.com.cn/jpg/170926/10691506416177434.jpg" style="display: inline;"></a><div class="label_skitter" style="width: 758px; display: none;"></div></div></div></br><a href="http://www.gzcc.cn/">首页</a><a href="">下载</a><input type="text" name="search"><button type="submit">搜索</button><a href="">登录</a><a href="">注册</a></nav><hr><p> 新兵报道</p><p class="tea"> 装备道具</p><p class="textblue"> 其他系统</p><p class="tea">新闻咨询</p><hr><style type="text/css"></style><div id="div"></div><div id="div"></div><hr><img src="images/section1-img02.jpg" alt="CSGO官方网站"><div id="container" style="width: 400px"><div id="header" style="background-color: gray"><h2 align="center" style="margin-bottom: 0;">注册</h2></div><div id="content" style="background-color: pink;height: 150px;width: 400px;float: left;"><form action=""> 用户名:<input type="" name="用户名" placeholder="请输入用户名"><br> 密 码 : <input type="" name="密码" placeholder="请输入密码"><br><br><input type="radio"name="role" value="stu">会员 <input type="radio" name="role" value="tea">游客<br><input type="button" value="登录"><input type="button" value="取消"><input type="button" value="重置"></form></div></div><hr><div id="container" style="width:400px"><div id="header" style="background-color:gray;"><h2 align="center" style="margin-bottom:0;">搜索页面</h2></div><div id="contant" style="background-color:pink;height:220px;width:400px;float:left;"><form action=" "...></form><form><select ><option>会员</option><option>游客</option></select></form><ul><li> 综合</li><li>新闻</li><li>公告</li></ul><ol><li>电竞赛事</li><li>赛事资讯</li><li>赛事动态</li><li>游戏直播</li></ol></body></html>
原文:http://www.cnblogs.com/1031353319qq/p/7683426.html
内容总结
以上是互联网集市为您收集整理的导航,头部,CSS基础全部内容,希望文章能够帮你解决导航,头部,CSS基础所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。