实验二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转载请标明出处.
