美文网首页
前端CSS指南

前端CSS指南

作者: OzanShareing | 来源:发表于2021-07-15 13:27 被阅读0次

目录


正文


1. CSS选择器 class、id的用法

<div class="css css_class">内容背景将是白色</div>  
<div class="css" id="css_id">内容背景将是红色</div>  
.css{ width:100px; height:100px; border:1px solid #000; float:left; } 
.css_class{ background:#FFF;}    /* 背景白色 */ 
#css_id{ background:#FF0000;}  /* 背景红色 */ 

2. CSS中多个class样式不同写法代表不同的含义

HTML:

<div class="containerA">
    这是A样式
    <div class="containerB">
        这是B样式
    </div>
</div>

CSS:

.containerA .containerB{
    color: red;
    font-size: 28px;
}

.containerA,.containerB{
    color: red;
    font-size: 28px;
}

这两种写法是有区别的。
前者表示:对A下面的B样式进行修改。
而后者表示:对A和B两者的样式都进行修改。

相关文章

  • web开发的一些资源干货

    前端库——前端开发,CSS3动画特效等。 CSS入门教程——本指南适合 CSS 的初学者 学习CSS布局——如果你...

  • 前端指南-CSS

    引言 当下,正面临着近几年来的最严重的互联网寒冬,听得最多的一句话便是:相见于江湖~?。缩减 HC、裁员不绝于耳,...

  • 前端CSS指南

    目录 正文 1. CSS选择器 class、id的用法 2. CSS中多个class样式不同写法代表不同的含义 H...

  • 12月3号至12月23号20天读书计划

    javascript DOM 286/20=14.3页/天 CSS权威指南 508/20=25页/天 150道前端...

  • 自己收集一些前端电子书

    nodejs开发指南中文 精通CSS CSS揭秘 JavaScript权威指南 JavaScript面向对象指南 ...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 技术人必读的书单

    大前端领域推荐图书 Web前端《HTTP权威指南》《图解HTTP》《HTML5权威指南》《Web设计与前端开发秘籍...

  • HTML

    html+css+javascript 称作前端三剑客,html主要做前端的骨架,css做前端的效果,js做前端的...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

网友评论

      本文标题:前端CSS指南

      本文链接:https://www.haomeiwen.com/subject/qihnultx.html