css课程学习

1.css伪类###

p:first-child
a:link
a:hover
a:visited
a:active
:disabled
:enable
:checked
:focus
:read-only
:read-write

2.css3新增伪类###

p:nth-child(n):父标签的第n个子标签,同时是p标签
p:nth-of-type(n):父标签的第n个p子标签
p:nth-last-child(n):父标签的倒数第n个子标签,同时是p标签
p:nth-last-of-type(n):父标签的倒数第n个子标签
p:first-child:父标签的第一个子标签,同时是p标签
p:last-child:父标签的最后一个子标签,同时是p标签
p:last-of-type:
p:first-of-type

3.伪元素###

p::before
p::after
p::first-letter
p::first-line

4.定位###

  • 绝对定位(absolute):绝对定位脱离了文档流,没有独占一行只受top,right,bottom,left的影响。
    一个块的top,right,bottom,left又相对什么呢?
    1.如果父元素做了点位,则是相对于父元素。
    2.如果父元素没有做定位,则是相对于body。

  • 相对定位(relative):相对定位没有脱离文档流,只受top,right,bottom,left的影响。top,right,bottom,left则是相对于块中最近的父元素。

  • 固定定位(fixed):固定定位脱离了文档流,没有独占一行。top,right,bottom,left是始终相对于body。

  • top,right,bottom,left只有在设置了定位(绝对,相对,固定)才起作用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,891评论 0 6
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 980评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,331评论 0 5