CSS ppt.pptVIP

设置Input元素的样式 如何改变input的颜色字体等属性 例如：CSS10.html 修改多选框的属性 例如：CSS11.html 综合练习 利用例子模板中的主页和CSS样式表，设计一个如下的登录页面 CSS iloneliness@163.com 什么是CSS Cascading Style Sheets（层叠样式表） 作用：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制 由W3C（World Wide Web Consortium）提出相关规范 CSS版本：1.0 2.0（95年推出，96年普及） CSS2.0：CSS2.0提供给我们了一个机制，让程序员开发时可以不考虑显示和界面就可以制作表单和界面，显示问题可由美工或是程序员后期再来编写相应的CSS2.0样式来解决。跨平台、支持多种浏览器。比1.0相对复杂，目前并没有具体应用。 没有CSS的HTML 如果在HTML中要控制显示的样式需要手动完成：pnbsp;你好，你好，你好！/p font size=+3 face=Helvetica“ color=redPage Title/font 效果：nocss.html 使用CSS 直接在页面中定义CSS： style type=text/css h1 {color: maroon;} body {background: yellow;} /style 如：firstCss.html 在外部定义CSS并在页面使用css文件： link rel=stylesheet type=text/css href=sheet1.css media=all / 如：css1.html HTML中的link元素 link rel=stylesheet type=text/css href=sheet1.css media=all / link元素必须放在head之间 href引用的文件，理论上可以不加扩展名，因为在type中已经指定被引用的文件按照text/css文件类型处理。但是在实际中，有一些浏览器必须指定扩展名，因为这样的浏览器忽略了type属性，所以建议在引用外部的css文件的时候将扩展名加上 更换页面中的CSS link rel=stylesheet type=text/css href=sheet1.css title=Default / link rel=alternate stylesheet type=text/css href=bigtext.css title=Big Text / link rel=alternate stylesheet type=text/css href=zany.css title=Crazy colors! / 这种方式只有Mozilla、Netscape 6+、Opera 7 中才支持，目前IE浏览器并不支持这个功能。在IE中要想改变css，不许通过JavaScript来做改变 使用@import指令 style type=text/css @import url(styles.css); @import url(blueworld.css); @import url(zany.css); h1 {color: gray;} /style 使用import指令引入css与alternate stylesheet的区别 CSS中的注释语句 /* This is a CSS1 comment */ h1 {color: gray;} /* This CSS comment is several lines */ h2 {color: silver;} /* long, but since it is alongside */ p {color: white;} /* actual styles, each line needs to */ pre {color: gray;} /* be wrapped in comment markers. */ h1 {color: gray;} /* This CSS comment is several lines h2 {color: silver;} long, but since it is not wrapped p {color: white;} in comment markers, the last three pre {color: gray;} styles are part of the comment. */ 在HTML元素内部定义样式 p style=color: gray; background: yellow; The most wonderful of al