CSS的Class以及ID选择器

  次阅读 来源:互联网(转载协议) 2016-03-25 16:01 我要评论(0)

9、CSS的Class以及ID选择器

id和class的不同指出在于一个页面同一个ID只能只有一次,而class可以无限制使用。

同样,你可以在html选择器后面使用一个选择器来指定特殊HTML元素,比如p.jam{值}将作用到带有'jam'class属性的段落。

10、这个都差点忘了。页面布局

clearfloatdisply等这几个,关于网站用div+css主要把这个用好。

总结:基本上都差不多,css的概念都有了一个了解,必定我们是做web开发,但是css,html前端的我们不能不知道,要知道个大概,查资料也知道怎么查就行了。所以我接下来想做一个demo来演示一下。今晚发上,希望大家支持一下黑侠客,我也是一只很老的菜鸟,现在才踏进来这个web之间,希望大家多多帮助,谢~

11、演练html+css

由于我的目的是学习web开发,所以这个html+css不要求太精,了解一下大概,在以后我拿到一个实例可以改就行了,这就是我的目的。不知道大家是什么要求。

接下来我就改一下百度的页面,因为本人比较懒,比较大的页面可能没有耐心做下去,就模仿一下百度吧,也不知道这两天学的行不行.

首先看到这个布面,我先分析结构,用html把结构弄出来,接下来再看表现方式用css定义。

代码如下

复制代码

<html>

<head>

<title>html+css baidu.com demo</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/css.css" rel="stylesheet" type="text/css" />

<body>

<div id="box">

<div id="login"><a href="#">登录</a></div>

<div id="log"></div>

<div id="txt">

<ul>

<li><a href="#">新闻</a></li>

<li><a href="#">网页</a></li>

<li><a href="#">贴吧</a></li>

<li><a href="#">知道</a></li>

<li><a href="#">MP3</a></li>

<li><a href="#">图片</a></li>

<li><a href="#">视频</a></li>

</ul>

</div>

<div id="ipt">

<input type="text" />

<input type="button" value="百度一下" id="btn" />

</div>

<div id="help">

<ul>

<li><a href="#">帮助</a></li>

<li><a href="#">搜索</a></li>

</ul>

</div>

<div id="link">

<ul>

<li><a href="#">企业推广</a></li>

<li><a href="#">搜索风云榜</a></li>

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...