CSS 基础篇(1)

简介:

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进步(。・∀・)ノ(。・∀・)ノ(。・∀・)ノ

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180221G0OXP400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券