css简单介绍以及语法

        CSS:层叠样式表(英文全称:Cascading Style Sheets),是一个用于修饰文档(可以是标记语言HTML,也可以是XML)的计算机语言。

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。可以将文档以更优雅的形式呈现给用户。

1.作用:修饰页面

2.层叠:多个样式用于同一个元素

  样式:color font-size

  表:css代码、css文件

3.工作原理:(1)加载html,然后加载css,浏览器将html和css结合,转换为DOM

                     (2)浏览器显示DOM的内容

   DOM:文档对象模型,是一个树形结构,其中的元素、属性、文本称之为节点。每个节点在节点树中都有对应的关系节点(比如父节点,兄弟节点)。


4.语法

(1)声明
         属性名:属性值
         css中区分大小写,对大小写比较敏感

(2)声明块
      将多个声明放在一个 {} 里面,每个声明之间使用 ;分隔
        {
         color:red;
         font-size:12px;
        }

(3)规则
       选择器{
              color:red;
             }

(4)注释:/*注释内容*/

(5)作用:1.记录你的编程思路
                    2.便于后期代码的维护

(6)空白:可以在css代码中添加一些空白(空格、回车),提高代码的可读性

(7)速写形式:

        类似于font,background, padding, border, margin 这些都被称为速记属性。这些属性允许在一行中写多个属性值。速记属性可以节省时间,使代码整洁。

例如:padding:1px 2px 3px 4px;(上 右 下 左)
                       (padding-top  padding-right  padding-bottom  padding-left)
       

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值