网页制作学习笔记

选择符的优先级

优先级顺序:

在各种选择符中,id选择符的优先级最高,然后是类选择符,最后是类型选择符。


伪类:指的是一类特殊的选择符,通过这类选择符,可以定义了某种鼠标触发时间的显示效果。


未访问的链接   a:link 也就是a标签未被访问状态

已访问链接:a:visited 也就是a标签已被访问状态

鼠标移动到链接上:a:hover也就是a标签鼠标悬停状态

选定的链接:a:active 也就是a标签鼠标悬停状态活动状态(鼠标点着不松)

子选择器

语法:

子元素选择器只能选择作为某元素子元素的元素,用>符号


作用:

子选择符,用来精确定位某个元素


选择器分组

语法:为了得到更简洁的样式表,用,符号


作用:使用选择符分组的方法,可以一次性定义几个选择符中的样式


选择符

有哪些:id选择符、类选择符、类型选择符、伪类


级别不同:在CSS中,选择符的种类很多,每种选择符的优先级也不同


id选择符是所有选择符中,优先级最高的。

#是关键字


类选择符用来定义页面中可以重复使用的CSS属性,其优先级低于id选择符

.是关键字


CSS的语法

CSS样式有自身固定的语法结构,只有按照规范的写法,语法才能正确的作用并在相应的页面元素上显示


包含:CSS选择符、属性、属性值、单位等各个部分内容的写法,以及在使用各种结构时,所要注意的各种问题等。


掌握以下知识要点


熟悉CSS中的各类选择符的属性及用法

了解CSS中属性和属性值的特点

简单了解块元素和内联元素


行和列属性

合并行属性rowspan,来将其一列的几个单元格合并成一个。


合并列属性colspan,用来将其一行的几个单元格合并成一个


单元格间距属性cellspacing来定义各个单元格之间的间距。


单元格空白属性:在默认情况下,表格内的文字会紧贴着表格的边框,这样看上去非常拥挤。


cellspadding(单元格补白属性):来调整各个单元格与其中的内容之间的间距。


表格对齐属性

align 水平对齐属性align来定义行行所包含的单元格内容的水平对齐方式


valign 垂直对齐属性valign来定义行所包含的单元格内容的垂直对齐方式


background 用背景图片属性background来定义单元格使用的背景图片


表格的一些其他属性

thead 表格头行元素<thead>用来定义表格最上端表首的样式


caption 表格标题元素<caption>来定义表格的标题


th 定义表格的表头,文本内容会加粗显示,同时默认为中间对齐


tbody 表主题元素<tbody>用来将表格的内容分割成各个独立的部分。


tfoot 表格行尾元素<tfoot>用来定义表格行尾的标注等内容。

表格背景属性

bgcolor:为了突出显示表格,还可以为表格设置与页面不同的背景。通常用背景颜色属性bgcolor来定义表格的背景颜色。

注意:放到行里是行的背景颜色。放到整个表格里就是表格的背景颜色。


background:背景图片属性background来定义表格使用背景图片。

注意:如果单元格中没有定义背景图片,则单元格显示<table>元素中定义的背景图片。

边框颜色属性

bordercolor

        为了使表格在页面美观,我们用边框颜色属性bordercolor来定义表格边框的颜色。

边框暗边线属性:在<table>元素中边框暗边线是指表格的右侧和底部的边线

bordercolordark:用来定义表格边框暗边线的颜色


边框亮边线:在<table>元素中边框亮边线,是指表格在左侧和顶部的边线

bordercolorlight:来定义表格边框亮边线的颜色


表格元素table

为什么要用表格

        页面进行排版更加美观

         数据直观,利于理解

         管理方便


结构组成

       表格标记

       行标记...