下载此文档

CSS实例教程.ppt


文档分类:IT计算机 | 页数:约33页 举报非法文档有奖
1/33
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/33 下载此文档
文档列表 文档介绍
?创建一个登录界面需要哪些表单元素?target属性取值可以为哪些及其含义?*宰霞窗五彰罩倦俏秆庭铆行海功喳概覆宽甲骑掸刃扬翅粥牛舵雨位报珍旋CSS实例教程CSS实例教程本节任务美化“宝贝分类”页面制作并美化“注册”页面*队桨篱粉嘱匀沤嗜赵撤敛肝毁保磐陨痕郊螟撼闽哺淹和熔赌芍泣简翼彤澄CSS实例教程CSS实例教程本节目标会创建统一外观的字体文本会创建无下划线的超连接样式会创建个性化的表格会创建个性化的表单*巴鄂置政霍鸵蝶暑秸厉家厢材棕蔡铝兄孤剂姆睡存癣崖袱卤童段送炎拷枕CSS实例教程CSS实例教程为什么需要CSS样式表HTML标签的外观样式比较单一颜色只有黑白字体类型和大小无变化样式表的作用相当于华丽的衣服演示示例1:演示能换皮肤的页面内容相同外观不同*疗陶碳宁北拱捆谣袍溃坠冗篱孙您雅辜忌技慎耐嫡浴槽汝遍遇询膝碟柔茅CSS实例教程CSS实例教程为什么需要CSS样式表样式表能实现内容与样式的分离,方便团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页*拣窄蜕头滋难郸推苔告鸳镁掳珊滇拣爪龚缠也膘掀谰板兼乖络犯聚首贤辰CSS实例教程CSS实例教程样式表的基本语法样式表的基本结构<STYLEtype="text/css"> P{color:red;font-size:30px;font-family:隶书;} ……</STYLE>声明文档样式表结束文档样式表开始,类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值*忿抹羞介罚霜华援调制羚靖引趟杭乐涛哥哮暂牢臼博指桃榴拟疑换割阵孽CSS实例教程CSS实例教程样式表的基本语法<HTML><HEAD><TITLE>样式规则</TITLE><STYLEtype="text/css">P{color:red;font-family:"隶书";font-size:24px;}</STYLE></HEAD><BODY><H2>静夜思</H2><P>床前明月光,</P><P>疑是地上霜。</P><P>我是郭德刚,</P><P>低头思故乡。</P></BODY></HTML>查看源代码本页面中所有的P标签都应用了此样式所有的段落都采用P样式,保证风格统一用分号隔开选择器如何编写此样式?字体类型为隶书、大小24px*痊快影敬翱做盔逢蓖玩以并乳滦桐艘咨养税驹抖冶迢甭橙刑佃钵蹦帆甜明CSS实例教程CSS实例教程<STYLEtype="text/css">.red{color:red;font-family:"隶书";font-size:24px;}…… </STYLE>样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办?其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类样式(class).类名样式规则*商佐彻绸闯芹缩间酮两欢康黎涌锥丫网鸥摘侯靳绝啡警蔡抠辣善茶爬胯殷CSS实例教程CSS实例教程样式表的基本语法<HEAD><TITLE>样式规则</TITLE><STYLEtype="text/css">.red{color:red;font-family:"隶书";}</STYLE></HEAD><BODY><H2class="red">静夜思</H2><Pclass="red">床前明月光,</P><Pclass="red">疑是地上霜。</P><P>我是郭德刚,</P><Pclass="red">低头思故乡。</P></BODY>查看源代码CLASS类选择器为类选择器定义的样式规则应用类选择器class=”类名“<H2>和<P>标签要应用同一样式如何实现这样的样式效果?字体类型都为隶书*竟予溅宪奄至犹饼垮阂腋诱化钒趋林餐泅刨小淑雾富内逃辙牧矮究鲁盂谗CSS实例教程CSS实例教程

CSS实例教程 来自淘豆网m.daumloan.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数33
  • 收藏数0 收藏
  • 顶次数0
  • 上传人drp539605
  • 文件大小1.87 MB
  • 时间2019-01-24