ITPub博客

首页 > 应用开发 > > 2分钟学会CSS内嵌样式

2分钟学会CSS内嵌样式

作者:兔子爱喝奶茶 时间:2019-07-17 10:55:00 0 删除 编辑

内嵌样式 

样式定义:用于辅助美化HTML,使得网页效果色彩性更高,更容易吸引用户。 样式可以为网页设置颜色、背景、排版等丰富的属性。

标签中的style属性用于帮助标签定义内嵌样式,内嵌样式格式如下例所示, 使用style作为标记,在内部写入格式如: key:value; 的数据对象来表示 具体的样式。

<div style="color: red;">

    Hello World !

</div>

但是在标签很多的情况下,如果大量在页面中堆叠内嵌样式,则会使得页面臃肿 冗余,如下例:

<div style="width: 100px; height: 100px; color: red; 

background-color: green; font-size: 20px; font-weight: bold; 

line-height: 20px; text-align: center;">

大量堆积内嵌样式

</div>

多年编程经验,月初整理了一批2019年最新WEB前端教学视频,不论是零基础想要学习前端还是学完在工作想要提升自己,这些资料都会给你带来帮助,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】资料都有整理,帮助所有想要学好前端的同学,学习规划、学习路线、学习资料、问题解答。只要加入WEB前端学习交流qun:767,273,102 ,即可免费获取,学习不怕从零开始,就怕从不开始。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69918097/viewspace-3164448/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Redis 管道技术
请登录后发表评论 登录
全部评论

注册时间:2019-04-26

  • 博文量
    1470
  • 访问量
    11205