CSS简介

一,CSS简介

(一)CSS用于使用场景就是美化网页,布局页面

1.HTML的局限性

只用于结构,关心内容的语义

2.CSS-美化页面,使结构(HTML)与样式(CSS)相分离

a.CSS是层叠样式表(Cascadung Style Sheets)有时称之为CSS样式表或级联样式表。
b.CSS可以设置HTML中的文字内容(字体,大小,对齐方式等)、图片样式(宽高,边框样式,边距等),以及版面的布局和外观显示样式。

(二)CSS的使用语法规范

1.CSS规则样式:由选择器以及一条或多条声名

hl(选择器){color(属性):red(值);(声名)}
a.选择器是由指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式
b.属性和属性值以“键值对”形式出现
c.属性和属性值之间为英文“:”,键值对之间为“;”
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS语法规范</title>
    <style>
        /* 选择器+{} */
        p{
            color: rgb(219, 23, 23);
            /* 键值对 */
            font-size: 12px;
        }
    </style>
</head>
<body>
    <p>CSS语法规范</p>
</body>

(三)CSS代码风格

1.样式书写

推荐使用紧凑格式书写,参照上文

2.样式大小写

常规使用小写,特殊情况使用大写

3.空格规范

a.在符号后面加入一个空格

b.选择器(标签)后面加空格

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值