css页面外观设计与布局

css页面外观设计与布局

ID:20654340

大小:420.50 KB

页数:40页

时间:2018-10-14

css页面外观设计与布局_第1页
css页面外观设计与布局_第2页
css页面外观设计与布局_第3页
css页面外观设计与布局_第4页
css页面外观设计与布局_第5页
资源描述:

《css页面外观设计与布局》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章页面外观设计与布局ASP.NET程序设计6.1CSS样式控制6.2主题6.3母版页1信息科学与工程学院计算机系软件工程教研室6.1CSS样式控制页面中使用CSS的三种方法样式规则2信息科学与工程学院计算机系软件工程教研室CSS被设计用来与HTML联合建立网页,它不能独立运行,需要依附到页面上才能发挥作用。通常在网页中CSS规定了3种定义样式的方法。内联式:直接将样式控制放置在单个HTML元素内嵌入式:在网页的head部分定义样式外部链接式:以扩展名.css的文件保存样式定义6.1.1页面中使用CSS的三种方法3信息科学与工程学院计算机系软件工程教研室方法一:内

2、联式内联样式直接将CSS放在某个HTML标签中,通过使用style属性设置,一般形式为:style="属性名1:值1;属性名2:值2;……“6.1.1页面中使用CSS的三种方法内联式样式示例

4信息科学与工程学院计算机系软件工程教研室方法二:嵌入式在网页的head部分直接实现CSS样式,即在与标签内,以结束CSS规则由两部分组成:选择符和声明。声明由属性名和属性值组成。所以简单的CSS规则如下:选择符{属性名

3、1:值1;属性名2:值2;……}例如:p{color:Green;}p(段落标签)为选择符,color(颜色)是p的属性名,green(绿色)是color的属性值。该规则声明所有段落标签的内容应该将color属性设置为绿色,即所有

中文本将变成绿色6.1.1页面中使用CSS的三种方法5信息科学与工程学院计算机系软件工程教研室CSS规则中主要的四要素选择符:表明CSS规则应用到页面的哪个部分。选择符最简单的类型是元素选择符,它指出明确的标签元素,例如HTML中的

标签声明:声明包含在{}大括号内。大括号内应首先给出属性名,接着是冒号,然后是属性值。结尾分号是可

4、选项,推荐使用结尾分号,以便于规则的扩展属性:属性按官方CSS规范定义。用户可以定义特有的样式效果,与CSS兼容的浏览器可能会支持这些效果,如果不支持的浏览器会忽略这些属性值:声明的值放置在属性名和冒号之后。它确切定义应该如何设置属性。每个属性值的范围也在CSS规范中定义6.1.1页面中使用CSS的三种方法6信息科学与工程学院计算机系软件工程教研室例6-2body{tex

5、t-align:center;}div{color:Red;background-color:blue}

嵌入式样式示例
6.1.1页面中使用CSS的三种方法7信息科学与工程学院计算机系软件工程教研室方法三:链接式在页面中使用CSS最常用的方法是链接式样式。利用这种方法可以在网页中调用已经定义好的样式表文件(css文件)与嵌入式相比,链接式可以将定义好的样式在网站的多个页面上重复使用,提高了开发效率,降低了

6、维护成本,同时也实现了将页面结构和表现彻底分离,最适合大型网站的外观设计6.1.1页面中使用CSS的三种方法8信息科学与工程学院计算机系软件工程教研室方法三:链接式可以通过VS.NET2008添加样式表6.1.1页面中使用CSS的三种方法【例6-3】链接式样式设置示例。参见示例第06章StyleDemo6-3.aspx9信息科学与工程学院计算机系软件工程教研室无论是定义内嵌式样式还是链接式样式,每个样式的定义格式相同:选择符{属性名1:值1;属性名2:值2;……}其中,选择符是指样式定义的对象,可以是HTML标记元素、用户自定义的类、用户自定义的id、伪类、具

7、有层次关系的样式规则及并列的样式选择符等。6.1.2样式规则10信息科学与工程学院计算机系软件工程教研室1.元素选择符任何HTML元素都可以是一个CSS的元素选择符,例如,div{color:red},该样式规则中的元素选择符是div,div块内的所有文字颜色为红色2.类选择符类选择符用于定义页面上的相关HTML元素组,使它们具有合适的相同样式规则。创建类时,用户需要给它命名,命名时最好使用字母和数字定义了类之后,用户可以使用它作为CSS的选择符。类选择符以“.”为起始标记,一般格式为:.类选择符{属性名1:值1;属性名2:值2;……}6.1.2样式规则11信息

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签