黑马程序员--html中css小结

来源:互联网 发布:获取股票数据 编辑:程序博客网 时间:2024/05/01 00:10

---------------------- ASP.Net+Android+IOS开发.Net培训、期待与您交流! ----------------------

 

   CSS是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表。网页中使用css技术可以使得代码与美工能够较为独立,css通过对页面结构和风格控制的思想,控制整个页面的风格。

  我们有三种方法使用css,我们可以在控件中设置style属性例如:

  <input type="text" style="background-color:Green;" />来为text设置背景颜色。

  我们也可以在<head></head>中为整体设置。例如为p{color:red;}

 

上例中可以看出总体设置了p标签的颜色,但在具体的p标签上设置颜色时会覆盖全局的颜色。

我们也可以通过引用css文件来为整体构造。例如:

 

可以看到这也是可以的,同样局部覆盖全局。

 

CSS中计量单位:px(像素),30%(百分比),em(相对单位)等。

backgrund-color:Red;背景颜色;color:文本颜色。

border-style:solid:边框风格,实线的。还有doted(点)等。默认情况下边框不可见,所以用的时候需要修改display,display有好几种值其中有none,block(显示为块),inline。

cursor为鼠标指针移动到某个位置上指针显示的图形。若不进行设置则为系统默认值。可选值有:cursor(默认值),

pointer(手),超链接(输入Bean),wait(忙时的漏斗),help(帮助)等。

<ul>和<li>有属性LIST-STYLE-TYPE,此属性若在li标签中定义可改变前面圆点的可见,若在ul标签中设置则是对整体的圆点设置。如下:

可以看出在ul设置后数字前的圆点都消失了,但2前的没有,这是因为局部大于整体的原因。*_*;

 

 

 

 

 

 

 

---------------------- ASP.Net+Android+IOS开发.Net培训、期待与您交流! ----------------------

详细请查看:http://edu.csdn.net


 

0 0
原创粉丝点击