css技巧
1)Tailwind CSS是最流行的原子化CSS框架
为初学者准备的:CSS 速成 and html速成
2)在线学习css:https://developer.mozilla.org/en-US/docs/Learn/css
3)在线学习Html ul - li, ol - li; table - thead - tr - th, tbody - tr- td;form - div - label - input; link; 常用标签
4) vscode里面输入Lorem100
能生成100个字符;还有Shift+All+下箭头,可以复制行;Shift+All+鼠标 可以选中多行。牛逼啊
5)vscode里面输入.class1
就能自动创建div标签了,并且复制class名字给div,牛逼啊。
6)学习语言,还是看视频靠谱!!!能有很多小技巧,提高效率的办法,是真牛逼啊!!!视频给力!
7)margin - border - padding,其中外边距只取大的一个。
8)vscode里面输入list*5
会生成5行li标签,厉害啊。
9) Position in css: static, relative, absolute, fixed, sticky
10) 3个在一行,第三个右对齐的方法margin-left: auto;
11) css文本强制换行word-wrap:break-word;
12) css常用的字体font-family: "Source Sans Pro","Helvetica Neue","Arial","sans-serif";
13) css常用的table
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1rem;
overflow: auto;
width: 100%
}
th {
font-weight: 700
}
td,
th {
border: 1px solid #ddd;
padding: 6px 13px
}
tr {
border-top: 1px solid #ccc
}
14) css背景透明 background-color: transparent;
15)