首页 > 软件开发 > CSS >

怎么让某个区域的css失效

来源:互联网 2023-03-16 19:11:11 444

在css中,可以将需要失效的css代码注释掉,便能实现使某个区域的css失效。下面小编举例讲解怎么让某个区域的css失效。pKF办公区 - 实用经验教程分享!

怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

工具/原料

  • html css
  • 代码编辑器:Dreamweaver CS5

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解怎么让某个区域的css失效。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 2

    在test.html文件内,使用div标签创建一行文字,并设置其class为dcss,主要用于下面通过该class来设置css样式。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 3

    在test.html文件内,编写style type="text/css">/style>标签,页面的css样式将写在该标签内。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 4

    在css标签内,对div元素进行样式设置,使用font-size设置文字大小为30px,使用color设置文字颜色为红色,使用font-weight设置字体为粗体,使用background设置背景颜色为灰色。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 5

    在浏览器打开test.html文件,查看实现的效果。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 6

    在test.html文件内,使用css注释符“/* */”对需要失效的css代码进行注释,例如,只保留文字大小和文字颜色的css样式,使div元素的粗体属性和背景颜色失效。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 7

    再次在浏览器中打开test.html页面,可见,成功使注释掉的css代码失效。pKF办公区 - 实用经验教程分享!

    怎么让某个区域的css失效pKF办公区 - 实用经验教程分享!

  • 总结:

  • 1

    1、新建一个test.html文件。

    pKF办公区 - 实用经验教程分享!

    2、在文件内,编写html代码,定义css样式。

    pKF办公区 - 实用经验教程分享!

    3、将需要失效的css样式使用注释符“/* */”,即可让这个区域的css失效。pKF办公区 - 实用经验教程分享!

  • 注意事项

    • 若想重新使用样式,只需将注释符删除即可。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!pKF办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码