CSS实用教程(1)

 样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。

CSS基础学习:样式表CSS简明教程
  样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。
  1.CSS加在什么位置?编辑CSS时候,强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到<head>和</head>,在<head>和</head>之间加入这句,<STYLE></STYLE>,然后所有的样式表都定义在<STYLE>和</STYLE>之间。
  有很多网站喜欢把样式表写成一个CSS文件,然后所有文件都指向这里来调用它,可使用这句<link href=***. rel=stylesheet>来连接CSS文件。
  实例1:<STYLE>td{font-size:9pt;line-height:150%}</STYLE>这句表示网页的字体大小为9磅字,行距150%,td是“单元格”元素,这句也就是对单元格内的字体起作用。这里的<style>后面的td,表示选择符,网页内所有的td元素都会起作用。这些选择符可以是所有的html标记,例如p、table、hr等等,只有少数的br除外。
  实例2:<STYLE>a{color:FF0000}input{font-size:9pt}</STYLE>表示超链接都为红色,单行文本框的字体是9磅。
  2.CSS作用很大的一方面就是可以用来大量减少网页代码,从而为网页减肥,原理就是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。目前大部分网站都是使用class来引用的。
  CSS中,class和id的作用是完全一样的,“class”单词比“id”多3个字母。id的使用方法,在网页<STYLE>和</STYLE>之间定义选择符名,选择符名前加#,这些选择符名可以是字母或数字、或组合,然后在网页的元素中使用id=**来引用它。
  实例3:<STYLE>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</STYLE>,然后在网页使用这句引用它:<a id=8>黑蓝色</a>,<a id=14>14磅的字</a>。<p id=p2>段落……
  也就是说,<a id=8>黑蓝色的字</a>等价于<a style=color:000080>黑蓝色的字</a>;<a id=14>14磅的字</a>等价于<a style=font-size:14pt>14磅的字</a>,以此类推。这里的介绍可能有点不太好理解,你可以多实践。
  注意:在一定条件下,使用id来引用可能不起作用或报错、或与javascript的id发生冲突,这种情况下,你可以使用class来引用。class的使用方法与id一样,所不同的是:在网页的<STYLE>和</STYLE>之间定义选择符名,名前加.(即点)。例如<STYLE>.a1{color:FF0000}</STYLE>,然后用class=a1引用它。
  3.样式表语法。样式表的项和它的值应该用冒号连接,例如color:FF00000。样式表也可直接嵌在段落当中,而不用class或id引用,例如<a style=font-size:12pt>12磅字</a>。也就是使用<* style=*:*>的语法。
4.小技巧。可根据需要灵活掌握,同一个选择符名可以多次给它定义,也可以多个选择符名定义同一句。例如<style>#a1{color:FF0000}#a1{font-size:9pt}</style>,它等效于#a1{color:FF0000;font-size:9pt}。多个选择符名定义同一句的方法是,各选择符名之间加逗号,例如<style>#a1,#b1{color:FF0000}#b1{font-size:9pt}</style>这句等效于#a1{color:FF0000}#b1{color:FF0000;font-size:9pt}。可能这里不太好理解,你只要自己稍微实践一下就可以灵活自己定义了。
5.样式表手册。下面列举最常用的样式表语句:
  1)color (颜色,例如FF0000代表红色,000000代表黑色……)
  2)font-size (字体大小)
  3)font-family (字体类型)
  4)width和height (宽度和高度)
  5)line-height (段落行距,建议使用百分比的形式,例如150%)
  6)margin-top表示段前;margin-bottom表示段后。margin-left表示整个段落向右缩进,margin-right表示段落右边距离右边的边框的距离。例如这句<p style=margin-top:30;margin-left:20;margin-right:20>。而且也可直接定义在图片中,例如<img src=**.jpg align=right style=margin-right:9>表示这张图片向右对齐,并且图片再向左移动9像素。
  7)text-align (段落的对齐方式,例如left、center、right)
  8)background-color (背景颜色)
  9)position:absolute;top:30;left:50 表示绝对定位(DW中的层)
  总之,最常用的就是以上这几种了,需要多多实践。
  6.最常用的样式表代码实例。
  实例4:去掉超链接下划线,<style>a{TEXT-DECORATION:none}</style>
  实例5:超链接变色,<style>a{COLOR:000000}a:hover{COLOR:FF0000}</style>
  实例6:超链接变色且去掉下划线,<style>a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}</style>
  实例7:超链接变色且鼠标停在超链接上有下划线,鼠标离开下划线消失,<style>a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}</style>
  实例8,请再翻回头实例1:<STYLE>td{font-size:9pt;line-height:150%}</STYLE>,这句可以让你网页的字体擂打不动,不随IE浏览器的“查看→文字大小”的设置而改变。
  如果您需要从网页中复制代码到FP或DW中,复制请注意:一定要先从这里复制到记事本,然后再从记事本复制到FP或DW的html模式下,切记切记,否则无效。

从基础到精通:CSS实用教程(一)
  CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^
  前言
  CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。
  W3C(The World Wide Web Consortium)把动态HTML(Dynamic HTML)分为三个部分来实现:脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。
  一.层叠样式表的特点
  且不说过去的网页缺少动感,就是在网页内容的排版布局上也有很多困难,如果不是专业人员或特别有耐心的人,很难让网页按自己的构思和创意来显示信息。即便是掌握了HTML语言精髓的人也要通过多次地测试,才能驾驭好这些信息的排版,过程十分漫长和痛苦。为了Internet的发展,让更多人早日踏

做风格,仿的时候,要注意网页编码

  今天在弄一个风格,做到搜索提交的时候,数据就是提交不过去。我用的是帝国的程序,还以为是我那里搜索的属性弄错了呢,核对了好几次,感觉都没有错。但是提交过去还是搜不到内容,真是太郁闷了,花了我好长时间,后来用他自己默认的搜索框复制过来搜索,发现还是不行,但是我放其他页面是行的,就放我这个模板里不行,真是太郁闷了。后来仔细检查了模板里的东西,郁闷,发现是UTF-8 的编码的,我那系统是 GBK编码的,怪不得POST过去,都搜不到内容。诶。这么一个小小的失误,浪费了我好久,我都还一直在郁闷咋就不行了呢。。。。。

什么号码火车票靠窗边,靠窗的火车票号码有规律

现在大多都是25型车了,(22车另外)定员基本是118人,双层除外.座位号从乘务员休息室的位置开始排序,你的座号若为1-40号,就是靠乘务员休息室这端;80-118号,应在车厢另一端41-79号,则在车厢中部,现在列车的座位一般是这样排列的:
无列车长办公席的车厢
窗 5 6 7 过 8 9 窗
口 0 1 2 道 3 4 口
有列车长办公席的车厢
窗 9 0 1 过 2 3 窗口 4 5 6 道 7 8 口
.
    列车长办公席一趟列车只有一个,所以大多还是无列车长办公席的车厢。
    购买火车票时,若22型客车,定员116人的车厢,凡车票号码为2、7 、3、8的就靠窗口;定员为118人的车厢,凡号码为0、5、4、9的就靠窗 口。如果二人旅游,买2张火车票时,座号尾数为3、4或8、9,不管是哪 种型号的客车,都会有一个号码靠窗口。
窗 5 6 7 过 8 9 窗
口 0 1 2 道 3 4 口

定员116人的车厢,车票号码为2、7 、3、8的就靠窗口;定员为118人的车厢,号码为0、5、4、9的就靠窗口
定员118人的。只要你买的车厢不是有服务台的。靠窗的座位如下:窗1 2 3 4窗
  9 8 7 6 5
以此类推。就没有错的。
.
如果车厢有总服务台(一些补卧铺用的)的话就不同了。具体情况每个火车不同,一般来说7-9号车厢很可能有一个就是有总服务台的。
一般火车是0.4.5.9末位是这四个号码的都是靠窗的。
窗15 16 17 过 18 19
口10 11 12 道 13 14
窗 5 6 7 过 8 9 窗
口 0 1 2 道 3 4 口

(注,是座票,可能不完全正确)

卫星天线安装,今天终于被我找到 中星6B 电视卫星了。

   买这个东西主要是为了给家里省钱,爸妈为了节约有点电视费,几年前就将有线电视的给停掉了,真郁闷,刚还是装的时候,要交开户费,去报停的时候 还要叫你叫什么费,要开通又要叫个什么费,还要每年交年费,这样一年就可以 自己买这个设备了,虽然国家不允许装,但是老百姓辛苦呀,能省几个钱也好的。

   昨天一直没有找到卫星,还一直在郁闷呢,今天终于被我找到了,

我找到 中星6b的方法,我昨天先都是在阳台里面试的,都没找到星。

今天弄的  郁闷了,干脆暂时给搬到阳台栏杆上,先将方位角大概确定了,由于放阳台栏杆上面,上下摇晃比较方便,这个方向没找到,再稍微一下,再上下晃动下,一下子就找到了。这个不用麻烦的调下仰角什么的,变化起来比较方便,所以试的方向也就多。等知道了大概方向位置,再确定下仰角,放地上应该就方便多了。

CSS多种居中方式

还有居中最简单的方法就是 margin:auto; 加入 这个属性,再设定宽度就可以了

一、单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-heightheight,并使两值相等,再加上 over-flow: hidden 就可以了

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

优点:
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点:
1. 只能显示一行
2. IE中不支持<img>等的居中
要注意的是:
1. 使用相对高度定义你的 height 和 line-height
2. 不想毁了你的布局的话,overflow: hidden 一定要
为什么?
请比较以下两个例子:

<p style="background: #900; color: #00f; font: bold 12px/24px Helvertica,Arial,sans-serif; height:24px; width:370px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <br/> <br/> <p style="background: #090; color: #00f; font: bold 12px/2em Helvertica,Arial,sans-serif; height:2em; width:370px; overflow: hidden;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

上一个高度是用的绝对单位px,并且没有隐藏溢出,下一个高度用的单位是相对单位em,并且隐藏了溢出。如果你的浏览器支持放大字体,那么尽情地放大字体,看看会出现什么效果。

二、多行内容居中,且容器高度可变
也很简单,给出一致的 padding-bottom 和 padding-top 就行

.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}

优点:
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点:
容器不能固定高度

三、把容器当作表格单元
提供一系列diplay属性值,包括 display: table, display: table-row, display: table-cell 等,能把元素当作表格单元来显示。这是再加上 vertical-align: middle, 就和表格中的 valign="center" 一样了。

.middle-demo-3{
display: table-cell;
height: 300px;
vertical-align: middle;
}

可惜IE不支持这些属性,不过在其他浏览器上显示效果非常完美。
要注意的是:和一个合法的<td>元素必须在<table>里一样,display: table-cell 元素必须作为 display: table 的元素的子孙出现。

优点:
不用说了吧,就是表格,效果和表格一模一样
缺点:
IE下无效

四、以毒攻毒!用 IE 的 bug 解决 IE 中的绝对居中
先不得不说一句,IE 真的是个很烂的浏览器,CSS1中的定义都不支持,害得要我们转个大圈子来造居中。不过就像我说的,凡是 table 布局可以实现的,CSS 一定可以实现,即使在 IE 里也不例外。我研究 IE layout 模式多年,还是找出了一个可以在 IE 中绝对居中的方法。这个方法就是基于 IE layout 的 bug,也可以算以毒攻毒。至于原理,不要问我,这是独门秘学,何况三言两语也讲不清楚,只要好用就行

.middle-demo-4{
height: 300px;
position: relative;
}
.middle-demo-4 div{
position: absolute;
top: 50%;
left: 0;
}
.middle-demo-4 div div{
position: relative;
top: -50%;
left: 0;
}

五、整合三和四,写出支持所有浏览器的垂直居中容器!
思路是利用 IE 和 非IE 浏览器的 CSS hack, 整合三和四的CSS,写出兼容主流浏览器的垂直居中容器。具体代码就不给出了,大家权当作练习练习。例子可以在下面的附录中找到。
最终实测支持的浏览器:IE6+, Mozilla 1.7, Netscape Navigator 8, Opera 8.0+, Firefox 1.0+ 和 Safari 1.0+IE5 下需要加上对合适模型的补正。
推测支持的浏览器:Mozilla 1.5+, Netscape Navigator 7+, Opera 7+
未测试浏览器:Konqueror

中星9号直播卫星电视节目

1、CCTV-1
2、CCTV-2
3、CCTV-音乐
4、CCTV-10
5、CCTV-11
6、CCTV-12
7、CCTV-7
8、CCTV-新闻
9、CCTV-少儿
10、中国教育电视台-1
11、北京卫视
12、天津卫视
15、河北卫视
17、内蒙古卫视
18、内蒙古卫视蒙语频道
19、辽宁卫视
20、吉林卫视
21、吉林朝鲜语频道
22、黑龙江卫视
23、东方卫视
24、江苏卫视
25、浙江卫视
26、安徽卫视
29、安徽卫视
30、江西卫视
31、山东卫视
32、河南卫视
33、湖北卫视
34、湖南卫视
35、广东卫视
36、广西卫视
37、海南旅游卫视
38、重庆卫视
39、四川卫视
40、贵州卫视
43、云南卫视
44、西藏卫视
45、西藏卫视藏语频道
46、陕西卫视
47、甘肃卫视
48、青海卫视
49、青海藏语频道
50、宁夏卫视
51、新疆卫视
52、新疆卫视维语频道
53、新疆卫视哈语频道
999、山西卫视

本振频率与下行频率的关系

卫星上每组信号的下行频率不一样,但某组节目的下行频率是一定的,你的接收机的接收频率输入范围是一定的,你要保证下行频率减去高频头的本振频率的差值必须落在你的接收机的接收频率输入范围内,才能收到节目。所以,你要根据你计算的差值选择不同本振的高频头。举例,假设你的接收机的接收频率范围是950MHz至2150MHz(数字机一般都是这个范围) ,138度卫星上KU波段的长城直播平台的下行频率为12537 MHz,(即12537 V 41250 ),那么你可以选择本振频率11587MHz~10387MHz的高频头,常用的高频头的本振有9750MHz,1000MHz,11300MHz,所以你要收长城平台的节目,就只能选本振11300MHz的高频头了。

随便说说,仅供参考,不对之处敬请指出。

奥运举重比赛规则

  (1)运动员在赛前2小时称量体重,称量体重的时间为1小时;

  (2)比赛时,先进行抓举,休息10分钟再进行挺举;

  (3)运动员抓举、挺举的试举次数均为3次;

  (4)上场顺序是根据运动员所要的重量、事先抽签顺序和举过的次数来排定的。试举时所要重量轻的先举。如果第一次试举重量相同,签号小的先举。如果第2、3次试举重量相同,试举次数少的先举。如果试举次数也一样,则上次先举的仍先举;

  (5)比赛场上的杠铃重量只能增加不能减少。每次试举成功后,必须增加1公斤的倍数;

  (6)奥运会比赛是以抓举和挺举之和的总成绩来确定名次的。如总成绩相同,体重轻的名次列前。如体重又一样,那么先完成总成绩的名次列前,不允许并列名次;

  (7)运动员的试举时间规定为1分钟。从点到运动员名字或场上加重员加重结束,以两项结束的时间为准开始计时。如某个运动员连续试举则为2分钟。在此时间内杠铃没有提过膝部即判为失败。