• 技术文章 >web前端 >html教程

    CSS学习笔记二_html/css_WEB-ITnose

    2016-06-24 11:53:37原创534
    我们浏览网站的时候,会点击一些链接,这些链接在点之前,点之后有不同的效果,这些效果就是用伪元素选择器做的


    伪元素选择器:


    就是在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区域

    单元格二
    单元格三 单元格四

    • 你好
    • 你好
    • 你好
    • 你好
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS学习笔记二
    上一篇:Codeforces Round #278 (Div. 2)B?? Candy Boxes_html/css_WEB-ITnose 下一篇:Codeforces Round #277.5 (Div. 2) 解题报告_html/css_WEB-ITnose
    Web大前端开发直播班

    相关文章推荐

    • html5元素的分类有哪些• web前端笔试题库之HTML篇• Div+CSS网站设计的优点_html/css_WEB-ITnose• ExtJs教程14• HTML中meta标签作用及属性总结_html/css_WEB-ITnose

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网