CSS学习笔记.ppt

CSS
本资料由-大学生创业|创业|创业网料
在线代理|网页代理|代理网页| 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|
五俩便颠羞哉蝗之丁超肿瘪裤化帕腰贬抚太球彤石帽讫吠凤辣挪素炭例此CSS学
什么是CSS
Cascading Style Sheets(层叠样式表)
作用:可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制
由W3C(World Wide Web Consortium)提出相关规范
CSS版本: (95年推出,96年普及)
:,让程序员开发时可以不考虑显示和界面就可以制作表单和界面,。跨平台、支持多种浏览器。,目前并没有具体应用。
本资料由-大学生创业|创业|创业网料
在线代理|网页代理|代理网页| 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|
样内隔捆蓝款阵看到支二乞担凯拦羚按接墅霞箔啦襄喉赶番哎伙巨卤募砂CSS学
没有CSS的HTML
如果在HTML中要控制显示的样式需要手动完成:<p>&nbsp;你好,你好,你好!</p>
<font size="+3" face="Helvetica“ color="red">Page Title</font>
效果:
本资料由-大学生创业|创业|创业网料
在线代理|网页代理|代理网页| 减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|
宪袖棚票泥埃悄踩沃憎簿忘韵丁觅翔酶刊杂号闸壤焙湖钎励垮程语笑试索CSS学
使用CSS
直接在页面中定义CSS:
<style type="text/css">
h1 {color: maroon;}
body {background: yellow;}
</style>
如:
在外部定义CSS并在页面使用css文件:
<link rel="stylesheet" type="text/css" href="" media="all" />
如:
痈爬昨枚家抓唐蛰贡朗否块而憨痛膛洁玛网班票神亭拖园盐捣停予乏是莫CSS学
HTML中的link元素
<link rel="stylesheet" type="text/css" href="" media="all" />
link元素必须放在head之间
href引用的文件,理论上可以不加扩展名,因为在type中已经指定被引用的文件按照text/css文件类型处理。但是在实际中,有一些浏览器必须指定扩展名,因为这样的浏览器忽略了type属性,所以建议在引用外部的css文件的时候将扩展名加上
胸踏债越舵印挂矮疯氛径邯杖渣旺隘室悲笺喷阂寂藉辛艇吁根妥节匆郭频CSS学
更换页面中的CSS
<link rel="stylesheet" type="text/css" href="" title="Default" />
<link rel="alternate stylesheet" type="text/css" href="" title="Big Text" />
<link rel="alternate stylesheet" type="text/css" href="" title="Crazy colors!" />
scape 6+、Opera 7 中才支持,目前IE浏览器并不支持这个功能。在IE中要想改变css,不许通过JavaScript来做改变
玩姐民贤干捡则未日灌铂斟咸秀龋木蜘授廓音磺穗审释阴葬挑顿匈裕报也CSS学
使用***@import指令
<style type="text/css">
***@import url();
***@import url();
***@import url();
h1 {color: gray;}
</style>
使用import指令引入css与alternate stylesheet的区别
轧禹府幸肆窟镰橱下砚搭权咋徐佛掖畔逸醉轰茨琢奈多谬灌贡博宽赢浸金CSS学
CSS中的注释语句
/* This is a ment */
h1 {color: gray;} /* This ment is several lines *