热搜:NVER node 开发 php

CSS学习笔记二_html/css_WEB-ITnose

2024-11-18 10:05:01
CSS学习笔记二_html/css_WEB-ITnose

我们浏览网站的时候,会点击一些链接,这些链接在点之前,点之后有不同的效果,这些效果就是用伪元素选择器做的


伪元素选择器:


就是在httml中预先定义好一些选择器,成为伪元素

格式:标签名:伪元素:类名    标签名.类名:伪元素


超链接的状态:

a :link :    超链接未点击状态

a :visited   被访问后状态

a :hover    光标移到超链接上的状态(未点击)->鼠标悬停

a :active    点击超链接时的状态

使用顺序:L - V - H - A,点击前和点击后是一个状态

最好用IE浏览器测验,有的浏览器可能看不到效果

 


段落标签也有如上的效果

p:first-line : 段落的第一行文本

p:first-letter :段落中的第一个字母

:focus :具有焦点元素   (ps:IE6不支持,FIrefox,google可以看到效果)

    
伪元素选择器演示

CSS样式的结合应用:

css可以和html中众多的标签结合使用

    asd        姓名:        年龄:
div区域
单元格二
单元格三 单元格四

  • 你好
  • 你好
  • 你好
  • 你好