css标签样式怎么写

CSS基本语法：选择器{属性:值;}。

标签选择器：p{color:ff0000; font-size:1 6 px;}。

类选择器：.button{background:blue;}。

外部样式表：<link rel="stylesheet" href="styles.css">。

样式优先级：内联 > ID > 类 > 标签。

实操提醒：用外部样式表，别用内联样式。

html标签分类有哪些

哎，说起来我以前搞网站建设那会儿，真是对HTML标签的分类和特性摸不着头脑。
那时候，做网页布局，不是特别理解块级、行内、行内块状这些标签的区别，结果搞出来的页面不是这里错位了，就是那里变形了。

我记得有一次，是2 01 5 年吧，接了一个项目，要做的是一个电商网站的商品列表页面。
当时我就想，这商品列表，每个商品信息都是一个块，我就想用块级标签来布局。
结果，用了
标签，然后给每个商品信息都设置了固定的宽度和高度，想着这样就不会乱掉了。
但是，一加载页面，好几个商品信息就挤在一块儿了，根本没按照我预想的布局来。
那时候我就明白了，原来块级标签默认是垂直排列的，如果不设置宽度，就会自动占据可用宽度。

后来，我就开始研究CSS了，学习了如何控制元素的宽度和高度，还有margin和padding的设置。
再后来，我还发现，通过修改display属性，可以把元素从行内标签转为块级标签，或者反过来，这让我在布局上有了更多的灵活性。

还有一次，是在2 01 8 年，为一个政府网站做页面优化。
当时发现网站上的文字内容，用
包裹起来，然后设置了宽度，结果导致文字被截断了。
我一开始以为是代码问题，后来才意识到，是因为我之前把所有内容都当成了块级元素来处理，根本没考虑过行内标签的宽度限制。
于是，我改用了标签，结果问题就解决了。

总之，这些年的经验告诉我，搞网页设计，真的要好好理解HTML标签的分类和特性，这样才能避免踩坑，做出既美观又实用的网页。
记得当时为了研究这些，翻了不少资料，现在回想起来，真是有点辛苦呢。
嘿嘿，跟你说这些，也是想提醒你，学东西要踏踏实实，不能急功近利。
标签： CSS样式 HTML标签分类
上一篇： html5锚点定位