【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)

不错的html工具书:http://www.w3school.com.cn/tags/att_table_width.asp

【反馈】看了08的视频,长吁一口气。这中间断断续续的解说,真的伤不起啊……

类选择符——通过 . 的语句来指定某一类的装修风格

css-05:

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第1张图片

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第2张图片


css-06:

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第3张图片

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第4张图片



②id选择符

css-06_1:

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第5张图片

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第6张图片


css-06_2:

【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第7张图片


【学习摘记】马士兵HTML & CSS _课时8_CSS各种效果(含动态面板)_第8张图片


css-07:字体属性


css-08:颜色与背景属性


css-09:文本属性


伪类选择符——装饰超链接(css-10)


css-10、11、12:填充距(边距是距离外部的,填充距是距离内部的)

css-13:边框属性(一首小诗!)

css-14:图文混排(《岳阳楼记》)

推荐书目:《无懈可击web设计》

针对于美工来说的。使网页不论放大、缩小,效果都不会改变。

css-15:小图标

css-16:鼠标效果

css-17:动态面板(图层的定位)

css-18:z轴的定位

css-19:滤镜的效果(政府网页很少用)

 

【反馈】关于html和css的学习,我只能用4个字形容——走马观花。



你可能感兴趣的:(★,学习摘记,--------Html,&Css,&JavaScript)