CSS三种表现形式

 1.内联样式
             将样式定义在标记的style属性中
             语法
                <标记名称 style="样式声明;样式声明;"></标记名称>
                样式声明:
                    样式属性:样式值
                ex
                    <p style="color:red;font-size:50px;">这是p标记</p>
            弊端:
                可维护性和可重用性并没有体现
         2.内部样式
            将样式定义在head当中的style标记中
               语法: 
                <head>
                    <style>
                       若干"样式规则"
                    </style>
                </head>
             样式规则的组成
                1.选择器:规定了页面中哪些标记能够使用样式
                2.若干样式声明
                    样式属性:属性值
                    选择器{
                        font-size:50px;
                        color:red;
                    }
              特点
                解决了可维护性和可重用性
         3.外部样式
            将样式定义在单独的css文件中,
            并且独立于html页面
            <link rel="stylesheet" href="css文件的地址"/>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏老马寒门IT

02-老马jQuery教程-jQuery事件处理

1. 绑简单事件 在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉。 jQuery简单绑定事件...

1868
来自专栏用户2442861的专栏

css display table-cell

display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。

3161
来自专栏一个会写诗的程序员的博客

CSS 弹性布局 flex 属性详解

定义了当flex容器有多余空间时,item是否放大。默认值为0,即当有多余空间时也不放大;可能的值为整数,表示不同item的放大比例,如

863
来自专栏小程序的道路

小程序事件

当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数,跳转到demo页面。然后在对应的js中写出事件的具体实现方法

1886
来自专栏偏前端工程师的驿站

根据标准word模板生成word文档类库(开源)

前言     最近因项目需要要自定义标准word模板,并以编码方式操作word模板、填充数据和生成word文档,于是自己写了条小“内裤”来实现这个功能。该“内...

2506
来自专栏九彩拼盘的叨叨叨

jQuery 选取元素概要

注意: 对于 jQuery 自定义的选择器,为了性能,先用 CSS 定义的选择器选,再从结果集中筛选时用 jQuery 自定义的选择器。如:

782
来自专栏HTML5学堂

jQuery animate动画精讲

HTML5学堂:animate是jQuery中很好用的一个方法,用于实现自定义动画。对于animate方法是有不同的书写方法的,今天我们就来说说animate平...

3215
来自专栏柠檬先生

初探css3

属性选择器:   1.完全匹配的属性选择器。 就是完全匹配的字符串。     [id=article]{       color:red;    ...

2049
来自专栏落花落雨不落叶

简单轮播图实现

32110
来自专栏张俊红

网页的行为

总第62篇 本篇为爬虫基础知识第三篇,JavaScript篇,JavaScript是描述网站行为的,是为了增加与用户的交互,前两篇传送地址: 网页是怎么构成的?...

3695

扫码关注云+社区

领取腾讯云代金券