网页制作学习笔记

选择符的优先级

优先级顺序:

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


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


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

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

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

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

子选择器

语法:

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


作用:

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


选择器分组

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


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


选择符

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


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


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

#是关键字


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

.是关键字


CSS的语法

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


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


掌握以下知识要点


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

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

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


表格对齐属性

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


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


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


表格的一些其他属性

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


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


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


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


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

边框颜色属性

bordercolor

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

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

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


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

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


表格元素table

为什么要用表格

        页面进行排版更加美观

         数据直观,利于理解

         管理方便


结构组成

       表格标记

       行标记...


元素img及其属性

图像元素img

img:图像属性<img>用来在页面中显示一个图片


src:定义一个调用图片的路径


注意:src属性是<img>元素中必须含有的属性


width:定义图片元素的宽度


height:定义图片元素的高度


alt:图片路径错误,替代图片的文本


例:

<img src="fj.jpg" style="width:150px;height:150px" alt="图片未加载">

元素address和cite

address

地址元素<address>用来在内容中定义地址的相关内容;

显示效果

在常用的浏览器中,会将<address>元素所包含的内容用斜体显示;