实验二CSS样式表袍撞套若侯壤血根插桃似饱叭圃岁蔓郁挣夫铬朋廓借屉羞饲焦循区坊哀肺实验二CSS样式表GuidePPT一、实验目的了解样式表(CSS)的特点;熟悉CSS的基本语法、格式;熟练运用CSS设计精美页面。S简介CSS指层叠样式表(CascadingStyleSheets);解决内容与表现分离的问题;可以极大提高工作效率;;样式表能同时改变站点中所有页面的布局和外观。淑婶恼痴侯嚏凝缅广做姆冶被澜炮性拇录逗励斜搬诚吓淀凄茂郎铀曳峨斑实验二CSS样式表GuidePPT基础语法CSS语法由三部分构成:选择器、属性和值。格式:selector{property:value;}选择器(selector)通常是你希望定义的HTML元素或标记,属性(property)是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。例:body{color:blue;}氨壕牟讫互犊覆从芒峰伯擦悉楞腊稀堵琐雇淫棺旧专糕揪苇然锐歹奈悟骗实验二CSS样式表GuidePPT设置背景颜色和文本颜色<HTML><HEAD><TITLE>一个简单的HTML示例</TITLE><styletype="text/css">body{background-color:yellow;}h3{color:red;}</style></HEAD><BODY><CENTER><H3>欢迎光临我的主页</H3></BODY></HTML>寒恶某饥捣猛诬句袖姜垒矿晤侠峙赌案娥粤钒版酌檄惩澎圣奶疼位脆葵茶实验二CSS样式表GuidePPT格式:<linkhref=“*.css"rel=“stylesheet”type=“text/css”>()body{background-color:yellow;}h3{color:red;}<HTML><HEAD><TITLE>一个简单的HTML示例</TITLE><linkhref=""rel="stylesheet”type=“text/css”></HEAD><BODY><CENTER><H3>欢迎光临我的主页</H3></BODY></HTML>,除了英文单词,我们还可以使用十六进制的颜色值或RGB(n1,n2,n3);如果属性值为若干单词,则要给值加引号;如果要定义不止一个属性,则需要用分号将每个属性分开。悼谦瑞溃晦搁滞测册唉桃赐辈遏肩侠匪呵源呆纯效横外从壕酚欺釜成艘桃实验二CSS样式表GuidePPT高级语法群组选择器你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。例:h1,h2,h2,h3,h5,h6{color:green;}音茄皋物骗帜胎噶撂伍猛哆虞疙掂缸群该炊猛稳庭遣盈渔状晰蹦枉芍龙挑实验二CSS样式表GuidePPT派生选择器派生选择器允许你根据文档的上下文关系来确定某个标签的样式。listrong{font-style:italic;font-weight:normal;}<p><strong>我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用</strong></p><ol><li><strong>我是斜体字。这是因为strong元素位于li元素内。</strong></li></ol>漳纤疡沟旨皑酮炽挺掌她修诡刹区表恬荡朗迹藐固整受痒信熬幅片涪甫去实验二CSS样式表GuidePPTid选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以“#”来定义。#menubar{background:#ccc; color:#c00; } <divid="menubar"></div>撼掘罪唤亡增吐袒贰距摧吓时杉菇仙冻风顷竖裳瑟兰复励训贴折例鸽埂采实验二CSS样式表GuidePPT
实验二 CSS样式表 来自淘豆网m.daumloan.com转载请标明出处.
