美文网首页
CSS小知识

CSS小知识

作者: 笠原喂 | 来源:发表于2017-05-24 22:29 被阅读0次

快捷键

1、快速创建多个div(或其标签):div*n + tab

多个带名为xx的class的div:div.xx*n + tab(推论:多个带名为oo的id的div就是把逗点. 换成#)

2、div.oo+div.xx TAB = 

碎知识

1、用CSS画三角形:border设较大,content设置为零,另外三条边框设为transparent(.div {background: rgba(0,0,0,0.5);}) 把最后一个参数设置为0就可以了

2、会用CSS画圣诞树了~

3、盒子与盒子:margin;盒子与文字:padding

4、终于知道用margin居中的原理了……

5、父子div的marginCollapse(边界重叠)

解决:1.父div加一个border;

   2.父div加一个overflow:hidden;

   3.父div加padding;

   4.父或子div加float;(重叠只适用于普通元素,对浮动元素不起作用)

   5.父且子div加display:inline-block;

   6.子div加display:inline-block;

* CSS手册~

6、字体设置可用一行显示,但要按照规定顺序。

相关文章

  • css小知识

    CSS设置缩进、字体间距、行间距(行高) 1. 缩进 text-index text-index:20px; 段落...

  • CSS小知识

    快捷键 1、快速创建多个div(或其标签):div*n + tab 多个带名为xx的class的div:div.x...

  • css小知识

    前言   将近一个月没更新过博客了,最近在忙一个项目,这个东西随说是简单,奈何甲方志存高远,硬是想让我们把一个子虚...

  • CSS 小知识

    写在前面的,整理了自己认为需要理解的内容。需要持续更新... CSS 盒子模型,box-sizing 属性的理解 ...

  • css模糊小知识

    ,、空格、>、~在css中的使用区分

  • 初入小程序

    1,需求知识(HTML,css,js) 小程序中的wxml,wxss与前端中的HTML,css基本相同,js完...

  • [CSS学习笔记] 高度自适应占位小技巧

    CSS 中padding/margin的小知识 今天看到几篇关于css的一些运用的文章,讲的是当padding/m...

  • css元素背景小知识

    1,内容区 content 通过width和height两个属性可以设置内容区的大 小。 width和hei...

  • css基础小知识笔记

    1\css规定的定位基值有三种:标准文档流、浮动及定位 2、w3c标准:万维网制定的一系列标准。{ 结构化标准语言...

  • css小知识点

    position不同值和区别 absolute: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素...

网友评论

      本文标题:CSS小知识

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