美文网首页
CSS应用之路

CSS应用之路

作者: 坚果牛奶 | 来源:发表于2019-07-05 14:28 被阅读0次

总觉得HTML,CSS是很简单的东西,记住些名字就可以用了。
但用起来才知道书上的来终觉浅,深知此事要躬行。
即使看了w3school但用起来还是各种不知从何下手。下面仅慢慢记录用到的东西,等用会了再回过头来写总结。

class有空格和无空格区别:

//CSS1
.name1 .name2{
  height:300px;
}
//CSS2
.name1.name2 {
  height:300px;
}

//HTML1
<div class="name1">
    <div class="name2">XXX</div >
</div>

//HTML2
<div class="name1 name2 ">
    XXXX
</div>

element.style哪里来的,你覆盖了我的CSS

element.style是一种内联样式,在引用第三方库的时候会碰到,如果想要自己修改样式,可以在语句后面加 ! important。

.table{
    width: 900px !important;
}

在react中几种CSS的组织方式

链接

相关文章

  • CSS应用之路

    总觉得HTML,CSS是很简单的东西,记住些名字就可以用了。但用起来才知道书上的来终觉浅,深知此事要躬行。即使看了...

  • HTML/CSS 06-元素类型

    css元素类型的分类,css 元素类型的转换,css float,css inline-block元素类型的应用 ...

  • CSS基础与选择器

    什么是 CSS CSS(Cascading Style Sheets) 是用来为网页添加样式的代码。 CSS 应用...

  • css应用

    1、 font-weight 属性 设置文本的粗细。 2、overflow 属性 设置溢出内容的显示方式,以及是否...

  • CSS position属性和实例应用

    CSS position属性和实例应用

  • CSS Sprite 精灵图

    CSS Sprite CSS Sprites叫 CSS精灵或者雪碧图,是一种网页图片应用处理方式。CSS Spri...

  • css3动画高级应用开发唱吧首页图片飞入效果

    知识点: html/css布局思维,定位、浮动详解,css3动画高级应用,过渡属性解析,js应用,企业布局思维运用...

  • 2019-05-05

    基于CSS盒子模型及其CSS定位详解 CSS盒子模型 效果显示 盒子模型的简单应用 效果显示: CSS定位 效果显示

  • 2019-06-13

    CSS应用-替代标签 代码如下: 预览链接

  • CSS基础2--简单应用

    应用CSS CSS编写在扩展名为.css的单独文件中,并利用HTML 的 元素引用 标记CSS文件 打开浏览器查看...

网友评论

      本文标题:CSS应用之路

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