nba2konline防守型中锋:《精通CSS+DIV》学习笔记
来源:百度文库 编辑:偶看新闻 时间:2024/04/30 20:16:24
CSS基础知识篇
第1章、CSS初步体验
1、行内样式表的优先级最高,其次是采用标记的链接式,再次是位于之间的内嵌式,最后才是@import的导入式样式表。link和style的优先级是一样的,取决于谁在前谁在后,还要考虑优先级加权的情况。笼统的说link和style的优先级谁高谁低是错误的。
2、滤镜渐变filter只在IE浏览器下有效,并且在IE7中必须将安全级别设置成Medium.
第2章、CSS的基本语法
2、标记选择器、类别选择器、ID选择器。声明包含属性和值两部分。
3、在没有定义选择器的时候,各个HTML标记采用浏览器自身默认的显示方式。
4、类别选择器还有一种更直观的使用方法:直接在标记声明后接类别名称,以此来区别该标记。类别名称中包含标记和选择器。
5、在HTML标记中,还可以同时给一个标记运用多个class类别选择器,从而将两个类别的样式风格同时运用到一个标记中。
6、ID选择器的使用基本和类别选择器相似,不同之处在于ID选择器只能在HTML页面中使用一次,因此针对性更强。一个id最多只能赋予一个 HTML标记。
7、集体声明、嵌套声明。类别选择器和ID选择器都可以进行嵌套。还可以多层嵌套。
8、子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再产生新的样式。
第3章、用CSS设置丰富的文字效果
9、通常文章正文中使用的是易读性较强的serif字体,用户长时间阅读下不容易疲劳。而标题和表格则采用较醒目的sans-serif字体,他们需要显著和醒目,但不必长时间盯着这些文字来阅读。WEB设计及浏览器设置中也是推荐遵循此原则。
10、绝对单位及其含义
绝对单位 说明
in Inch,英寸
cm Centimeter,厘米
mm Millimeter,毫米
pt Point,印刷的点数,在一般的显示器中1pt相当于1/72inch
pc Pica,1pc=12pt
11、除了利用物理单位设定文字的绝对大小的方法,css还提供了一些绝对大小的关键字作为font-size的值,总共7个:xx- small,x-small,small,medium,large,x-large,xx-large.绝对大小在不同的显示器中显示效果有差异,因此不推荐使用。
12、px显示大小与显示器的大小及其分辨率有关。采用“%”或者“em”都是相对父标记而言的,如果没有设定父标记的字体大小,则相对于浏览器的默认值。
13、文字效果可以同时赋值,只需用空格隔开即可。
第4章、用CSS设置图片效果
当vertical-align的值为bottom或者sub时,IE与Firefox的显示效果是不一样的,所以建议尽量少使用浏览器显示效果不一样的属性值。
第5章、用CSS设置网页中的背景
竖排版语句“writing-mode:tb-rl”只有IE浏览器才支持,firefox浏览器并不支持该CSS属性。
第6章、用CSS设置表格与表单的样式
1、标记中的summary属性值用于概括整个表格的内容,在用浏览器浏览页面时,它的效果是不可见的,但对搜索引擎等则十分重要。
第1章、CSS初步体验
1、行内样式表的优先级最高,其次是采用标记的链接式,再次是位于之间的内嵌式,最后才是@import的导入式样式表。link和style的优先级是一样的,取决于谁在前谁在后,还要考虑优先级加权的情况。笼统的说link和style的优先级谁高谁低是错误的。
2、滤镜渐变filter只在IE浏览器下有效,并且在IE7中必须将安全级别设置成Medium.
第2章、CSS的基本语法
2、标记选择器、类别选择器、ID选择器。声明包含属性和值两部分。
3、在没有定义选择器的时候,各个HTML标记采用浏览器自身默认的显示方式。
4、类别选择器还有一种更直观的使用方法:直接在标记声明后接类别名称,以此来区别该标记。类别名称中包含标记和选择器。
5、在HTML标记中,还可以同时给一个标记运用多个class类别选择器,从而将两个类别的样式风格同时运用到一个标记中。
6、ID选择器的使用基本和类别选择器相似,不同之处在于ID选择器只能在HTML页面中使用一次,因此针对性更强。一个id最多只能赋予一个 HTML标记。
7、集体声明、嵌套声明。类别选择器和ID选择器都可以进行嵌套。还可以多层嵌套。
8、子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再产生新的样式。
第3章、用CSS设置丰富的文字效果
9、通常文章正文中使用的是易读性较强的serif字体,用户长时间阅读下不容易疲劳。而标题和表格则采用较醒目的sans-serif字体,他们需要显著和醒目,但不必长时间盯着这些文字来阅读。WEB设计及浏览器设置中也是推荐遵循此原则。
10、绝对单位及其含义
绝对单位 说明
in Inch,英寸
cm Centimeter,厘米
mm Millimeter,毫米
pt Point,印刷的点数,在一般的显示器中1pt相当于1/72inch
pc Pica,1pc=12pt
11、除了利用物理单位设定文字的绝对大小的方法,css还提供了一些绝对大小的关键字作为font-size的值,总共7个:xx- small,x-small,small,medium,large,x-large,xx-large.绝对大小在不同的显示器中显示效果有差异,因此不推荐使用。
12、px显示大小与显示器的大小及其分辨率有关。采用“%”或者“em”都是相对父标记而言的,如果没有设定父标记的字体大小,则相对于浏览器的默认值。
13、文字效果可以同时赋值,只需用空格隔开即可。
第4章、用CSS设置图片效果
当vertical-align的值为bottom或者sub时,IE与Firefox的显示效果是不一样的,所以建议尽量少使用浏览器显示效果不一样的属性值。
第5章、用CSS设置网页中的背景
竖排版语句“writing-mode:tb-rl”只有IE浏览器才支持,firefox浏览器并不支持该CSS属性。
第6章、用CSS设置表格与表单的样式
1、