标签归档：after
旅游网站建设中用到的伪元素
目前一共有4个常用的伪元素分别为： :first-letter 向文本的第一个字母添加特殊样式。 :first-line 向文本的首行添加特殊样式。 :before 在元素之前添加内容。 :after 在元素之后添加内容。 在这四个常用的伪元素中，前两个是我们杰酷旅游网站建设最常用到的。伪元素实算的上是一种HTML网页编程。我们现在使用CSS2可以达到创建任意内容、编号列表和所有类别的基于元素的内容。 在旅游网站建设时最长用到的是:first-letter这个伪元素。这个伪元素我们常用来设置旅游线路的价格。例如旅游线路的价格是1980元，那么我们会把头一位数字用大一号的像素显示。 例如： <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>杰酷旅游网站建设价格显示样式</title> <style type=”text/css”> p:first-letter { font-size: 20px; } </style> </head> <body> <p>1980元</p> </body> </html> 我们还可以使用content和quotes属性，以及“:before”和“:after”伪元素。使用前者来定义需要的内容，然后使用后者将内容相对于文档中的元素进行定位。 HTML :before、:after伪元素 前面引入了伪元素的说法，您已经看到了其中一个(:first-letter)如何在起作用。“:before”和“:after”伪元素的操作非常类似。向样式元素选择器中追加这两个伪元素，就可以选择并指定文档中生成的内容的内容和属性。 通常情况下，在这些伪元素内创建的内容都会继承父元素的显示属性，应用到元素上的字体、大小和颜色等也会应用到其生成的内容上。例如： p{color:blue} p{content:”Note:”} … 继续阅读