电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

实习三CSS基本语法VIP免费

实习三CSS基本语法_第1页
1/6
实习三CSS基本语法_第2页
2/6
实习三CSS基本语法_第3页
3/6
-来源网络,仅供个人学习参考实习三CSS基本语法一、实验目的1.了解XHTML;2.掌握在网页中引用CSS的方法;3.掌握CSS的基本语法规则;4.掌握CSS的常用选择器;5.掌握使用Dreamweaver定义CSS的方法。二、实验内容1.CSS的引入和基本选择器应用;2.利用CSS对网页进行控制;3.利用W3school网站进行CSS的练习。三、实验步骤1.CSS的引入和基本选择器应用;(1)内嵌样式表将定义的样式以样式定义-来源网络,仅供个人学习参考

这是标题一

这是正文⋯..这是使用Fnt类后的效果(2)行内样式将定义的样式以标记的属性形式插入,如:,此种方法样式只影响当前标记所影响的区域。建立网页Css2.htm,代码如下:-8-Css技术的应用一H1{color:red;Font-family:”华文行揩”,”宋体”;}Body{color:black;Font-size:9pt;}.fnt{color:blue;Font-family:”隶书”;Font-size:14pt;}

这是标题一

这是正文⋯..这是使用Fnt类后的效果-来源网络,仅供个人学习参考这是中效果只使用于此段⋯.(3)外部样式表将所有样式的信息存放在一个单独的文件中(扩展名为Css),然后用把它链接到每个HTML页面中。如果你希望样式能够影响你站点上的所有文件,这是很好的办法。链接格式:2.利用CSS对网页进行控制;(1)用Dreamweave创建如图3-1所示页面(css3.htm)。图3-7未使用CSS样式前的网页(2)建立样式文件style.css,格式化上面页面如图3-8所示,要求:①标题:字体为"华文彩云","华文琥珀","华文行楷";字号40pt;字色红色;背景色:#FFFFCC。导航条:背景色为#33CCFF。②导航栏:标题背景色为#FFFFCC,上边框为:实线,2pt宽,色值:#FFCC00;内容背景色:#FFCCFF;导航栏右边框为:点划线,1pt宽,色值:#0033FF。底框:背景色:#99CCFF;上边框:双线,2pt宽。-来源网络,仅供个人学习参考③文本框:背景色:#FFFFCC;边框:宽度1pt,实线。④正文字号:9pt。(除标题)⑤超级链接:正常色:黑色,无修饰;鼠标悬停时:红色,加下划线;激活时:红色,加下划线;访问过的链接:黑色,无修饰。图3-8应用样式后的效果3.利用W3school网站进行CSS的练习。W3school网站是一个很好的学习网站,其上面有很多的学习资源,并且也提供了很多在线测试的例子。打开网站,找到CSS相关部分并作练习。四、实习要求1.根据指导书实例和操作步骤,独立完成实习内容。2.记录实验中出现的问题,以用解决办法。五、思考问题1.HTML与XHTML的区别,在网页设计中各有什么用处?区别:1.XHTML文档必须在文档的第一行有一个文档类型的声明(DOCTYPE)2.XHTML文档可以定义命名空间3.XHTML文档里面必须具有html,head,body,title这些元素。4.在XHTML语言规范的基础上,对标记的语言还有一些额外的要求。-来源网络,仅供个人学习参考HTML既用来表现文档的结构,又能表示文档的内容,但是描述文档表现的能力很弱,代码重用性低。XHTML实现了结构和表现分离,用XHTML确定网页的内容,CSS控制页面的表现形式。2.CSS的基本思想。CSS的全称是CascadingStyleSheet,中文译文为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的思想就是首先指定对什么“对象”进行设置,然后指定对该对象的哪个方面的“属性”进行设置,最后给出该设置的“值”。因此,概况来说,CSS就是由“对象”“属性”“值”3个基本部分组成的。3.CSS选择器有哪些,在网页设计中如何选择使用。基本的选择器包...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

实习三CSS基本语法

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部