p { font-size: 16px; color: #333333; }
上面的代码表示选择所有的<p>元素,并将它们的字体大小设置为16像素,颜色为#333333。
#header { background-color: #eeeeee; height: 100px; }
这段代码通过指定选择器#header来选中HTML中的ID为header的元素,并将其背景颜色设置为#eeeeee,高度为100像素。
.box { width: 300px; height: 200px; border: 1px solid #cccccc; }
这行代码利用类选择器.box来选中HTML中class为box的元素,给它们设定宽度为300像素,高度为200像素,添加了1像素的实线边框,颜色为#cccccc。
如果想要对连接样式进行设置,则可以使用下面的代码:
a:link { color: #006699; text-decoration: none; } a:hover { color: #003366; text-decoration: underline; }
上面的代码设置了未点击的链接文字颜色为#006699,取消下划线。当鼠标悬停在链接上时,将链接的字体颜色更改为#003366,并加上下划线。
总之,css代码可以帮你掌控网站的外观和布局,同时也可以提升用户体验。