简介:
CSS即层叠样式表(CascadingStyleSheets方便懂英语的记忆咯)
作用:修饰html网页,拓展html的功能,使其更美观,更具交互性。提高效率(个人感觉是在编码方式和代码重用上)。
使用:
外部样式表:外部css文件 在head中加入 。
内部样式表:在head部分中的style部分中写出。
内联样式表:html语句中用style标签。
基本语法:
选择部分 { 描述部分,描述部分...... }
eg:p
选择标记:
id标记:在元素中设置id标记,然后就可以使用#id,进行选择。
class分组:使用class分组,然使用“.组名”就可以对分组进行操作,也可以进行组合操作。
eg:
注:id的名称和class的名称不要以数字开头,否则firefox浏览器不支持。
背景修饰:
设置背景颜色,可以使用三种方式表示:1.颜色名称。2,十六进制。3,RGB表示。
body
body
body
设置背景图片:
body
设置图片是否重复(平铺相关):
当图片太小时就会重复,默认是水平和竖直都重复,x为水平重复,y为竖直方向重复,no-repeat为不重复。
body
body
body
设置位置:
body
body
设置背景固定(不滚动):
body
文本:
文本颜色:body三种颜色表示都可
文本对齐:
body
body
body
文本修饰(主要用来删除链接的下划线):a
文本缩进:p
字符间距:p
行间距:p
文字阴影:h1x轴 y轴 颜色
eg:
运行结果:
字体:
字体:p
字号:p
样式:p 普通
p 斜体
加粗:p 普通
p 变细
p 加粗
链接:
链接修饰:
链接文本颜色:a
链接背景色:a
链接下划线:a
eg:
学习and进步(。・∀・)ノ(。・∀・)ノ(。・∀・)ノ
领取专属 10元无门槛券
私享最新 技术干货