css设置表格某一行的样式(css怎么设置表格的行高和列宽)

你那个朋友上周在弄表格样式的时候，发现了一个好玩的方法。

先说结构伪类选择符哈。

tr:nth-child(2 n+1 ) { background-color: f2 f2 f2 ; / 单数行背景色 / }
tr:nth-child(odd) { background-color: f2 f2 f2 ; / 单数行背景色 / }
tr:nth-child(2 n) { background-color: e6 e6 e6 ; / 双数行背景色 / }
tr:nth-child(even) { background-color: e6 e6 e6 ; / 双数行背景色 / }
tr:nth-child(0n+1 ) { background-color: d4 d4 d4 ; / 第一行背景色 / }
tr:nth-child(1 ) { background-color: d4 d4 d4 ; / 第一行背景色 / }
tr:nth-child(-n+3 ) { background-color: d4 d4 d4 ; / 前三行背景色 / }
tr:nth-child(5 n) { background-color: c2 c2 c2 ; / 每隔5 行 / }
这些是常用的行选择方法。

至于字符串中的每一行，你可以用 ::line-through 或者 ::before。

比如：
css p::line-through { text-decoration: none; color: red; }
创建一个HTML文件试试：

<head> </head> <body>

第一行
第二行
第三行

</body> </>
打开看看效果。

表格第一行用 th:first-child 也行：
css th:first-child { background-color: d4 d4 d4 ; }
新建一个HTML文件试试：

<head> </head> <body>
列1 列2
数据1 数据2
</body> </>
打开看看效果。

算了，就这样吧。

css的内联样式是什么

嘿，咱们聊聊CSS的内联样式吧，这玩意儿其实挺实用的，但也有不少需要注意的地方。

我记得有一年，我在一个项目里，有个紧急需求，就是得给几个重要的按钮快速改个颜色，那时候时间紧，没时间去调整外部样式表，就直接在内联样式里改了颜色。
那时候真是方便啊，直接在按钮标签里写上style="color: blue;"，瞬间按钮就变蓝了。

内联样式的优点很明显，它优先级最高，你懂的，就是不管外部CSS怎么设置，内联的说了算。
而且它直接作用于元素，修改起来也直接，不需要去翻找外部样式表。

但缺点也明显，比如代码复用性差，你看看，给每个按钮都加了个style属性，如果以后要改颜色，得一个个改，多麻烦啊。
还有，HTML和CSS混在一起，代码的可读性就下降了，团队协作起来也不方便。

我记得有一次，我们团队里有个新来的，看到代码里到处都是style属性，还以为是我们故意那么写的，后来才知道那是内联样式。
所以，虽然内联样式在某些情况下很方便，但长期来看，它还是有点头疼。

总的来说，内联样式适合临时调整或者小范围使用，比如做测试或者动态生成样式。
但如果你是做长期项目，还是建议使用外部或内部样式表，这样代码结构更清晰，维护起来也更方便。
哈哈，这事儿得看具体情况，你说是吧？

什么是css样式表

CSS啊，就是控制网页怎么看的。
2 02 2 年那时候，我刚开始搞这个，头都大了。
先说布局吧，那个body，整个页面的背景色，可以随便改，比如lightblue，就是淡蓝色。
我试过，弄成lightgreen，草绿色，感觉也不赖。

然后h1 ，一级标题，这个颜色，我弄成白色，还有text-align:center，就是居中对齐。
你看，2 02 2 年，我还在琢磨这些细节。
p段落，字体我选了verdana，这个字体挺常见的，还有font-size:2 0px，字号就是2 0像素。
就这么着，一个简单的页面就有样了。

响应式设计，这个是后来才搞明白的。
就是屏幕大小变了，页面也要跟着变。
2 02 2 年，我遇到一个项目，需要在手机和电脑上都能看。
那时候真是折腾，用了media query，就是媒体查询，针对不同屏幕，写不同样式。
比如屏幕小于6 00px，字体就变小，变成1 6 px。

动画和过渡效果，这个更花时间。
transition和animation，可以实现很多酷炫的效果。
比如鼠标一放上去，颜色就变。
我试过，一个按钮，鼠标放上去，背景色从灰色变成蓝色，挺好看。
2 02 2 年，我花了两天时间，才把这个效果调好。

总的来说，CSS挺复杂的，但也是挺有用的。
2 02 2 年，我可能还只是入门，但已经觉得它很强大了。
能控制页面怎么看，怎么动，确实是挺有意思的。

css样式列表有什么用

CSS核心作用是统一控制网页视觉表现与布局。

1 . 级联继承。
1 9 9 6 年CSS1 规范提出，父元素样式自动继承。
例如， body{color: blue;} 会影响所有子元素，除非单独覆盖。

2 . 精细调控。
2 009 年CSS3 引入圆角( border-radius: 1 0px; )和阴影( box-shadow: 2 px 2 px 5 px gray; )。

3 . 响应式设计。
2 01 2 年Media Queries规范发布，实现设备适配。
例如： @media (max-width: 6 00px) { .container { flex-direction: column; } }
4 . 效率提升。
外部CSS文件可被5 0个页面引用，修改一次即可生效。

5 . 引入方式。
2 02 0年统计显示，9 0%项目使用外部样式表(通过<link rel="stylesheet" ...>引入)。

实操提醒：优先使用外部样式表，并利用预处理器(如Sass)提升维护效率。