| 红尘梦| 红尘醉
在html代码里面添加自定义css样式,并且将其调用 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主
前端开发常用的html代码HTML教程css样式

在html代码里面添加自定义css样式,并且将其调用

2019/3/20 站长资源网  HTML教程 3457 0

前言


     在html代码里面,我们想要给一个标签加上一些css样式,就得通过style属性来调用一些简单的css样式,例如内容的字体颜色以及字体的大小等效果,在编写html代码的过程的,我们会经常用到很多次相同的css样式,一个一个的在标签里面调用是非常麻烦的,我们可以把常用的那些样式自定义成容易记的名称,然后在调用,就可以省去很多事情。


自定义一个css样式


      我们可以将那些常用的css样式通过<style>标签添加成一个自定义的css属性,然后在将其调用,会看这篇文章的朋友,应该多少懂一点html代码,既然这样的话,我就不多做解释了,解释多了反而不好,我直接举个例子,各位可以参考一下。


     下面的这掉代码的意思就是,自定义一个名称为 red 的css样式,这个样式的属性为红色。 

    <style>.red {color:red}</style>

      并不是只能自定义颜色属性,还可以添加字体大小属性,只要是css样式多可以被自定义,可以参考下面这串代码,至于意思是啥我就不解释了,大家应该多懂。

    <style>.abc {color:red;font-size:16px’}</style>



如何调用自定义的css样式


         自定义css样式之后,我们可以在标签里面通过class属性来调用我们自定义好的css样式。


         下面这串代码的意思是在<p>标签里面通过class属性,调用上面我刚刚设置好的 red 这个css样式。

       <p class="red">红色</p>

       

自定义css样式有什么好处?


       最主要的好处就是方便,在为标签添加属性的时候就不需要去调用那些复杂的css样式了,只需要添加一个自定义的css样式,然后调用就行了。




 点赞:2  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 在 < input > 标签里面 比较常用的type属性 以及用法
2 html网页代码结构的基础布局和介绍
3 在HTML里面使用表单制作一个简单的登录/注册界面
4 在html代码里面使用 <a></a>标签 设置文字超链接和图片超链接教程
5 HTML代码里面有序列表、无序列表、自定义列表的写法以及区别
6 在HTML代码里面表格的写法以及表格的特性

评论列表

取消回复

随机文章

    • 2022最新贷款借贷类程序源码 附搭建教程
      • 2022最新彩虹云商城代刷发卡网源码V6.9.0纯净免授权版
        • APP下载分享导航页面源码带后台版
          • USDT跑分源码 自动回调usdt支付系统源码带三级分销 某站卖5000元免费分享
            • 2022最新口红机系统源码可自定义支付接口
  • 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 编程学习
    • 随心笔记
    • 网络资讯
    • 商城专区
    • 广告商广告
  • 标签

    EMLOG模板 (18) H5微商城源码 (1) 织梦模板 (8) 网站快速收录 (1) 分组选择器 (1) 织梦模版 (28) 文章原创保护 (1) CS6 (1) 金融股票投资类 (1) 陶瓷类模版 (1) 织梦CMS模版 (31) 首涂苹果CMS模版 (1) 爱看小说网 (1) EMLOGPRO (1) EMLOGPRO模板 (1) 口红机游戏 (1) 华为6G (1) 实用插件 (1) 熊掌号主资料展示 (1) Layui模板 (1) 苹果cms采集 (1) 撩妹情感资讯 (1) MX_One (1) 注入弹窗 (1) 唯美 (1) MacCMS (1) 汽车销售类 (1) 商城源码 (1) 红尘资源网 (1) 素材类源码 (1)
  • Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  • 网站统计 I 当前在线:2人

    • 本站管理:1位
    • 用户总数:815位
    • 置顶文章:6篇
    • 日志总数:492篇
    • 微语总数:0条
    • 评论总数:6369条
    • 标签总数:655条
    • 页面总数:4页
    • 分类总数:33个
    • 链接总数:12条
    • 运行天数:1580天
    • 最后更新:4月15日
  • 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2023站长资源网 程序:Emlog5.31 主题:Meta 3.54
    • 首页
    • 加群
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 二次元模板
    • 抢单系统
    • 鸿蒙操作系统
    • 学院类源码
    • 采集资源站
    • Pro
    • 排名优化
    • 梅花辅助网
    • 破解版
    • 小刀资源网模板
    • 优惠活动
    • 化工染料类源码
    • 定时采集
    • Discuz模版
    • 杰奇CMS
    • V10整洁模板
    • 
    • 