[css]css读书笔记

[foo ^="bar"] --- 选择foo属性值以“bar”开头的所有元素
[foo $="bar"] --- 选择foo属性值以“bar”结尾的所有元素
[foo |= "bar"] --- 选择foo属性等于bar或者以bar-开头的所有元素
*:lang(en) 等价于*[lang |= "en"]
[foo*="this"] 选择foo属性值为包含this的字符串的元素。
eg:<img title='thisistrue' />
[foo~="this"] 选择foo属性值为一用空格分隔的字词列表,且其中一个属性为this的元素。
eg:<img title='yes this' />


ul+h2 --- 选择紧跟在ul标签后的h2标签(注:两标签之间可间隔文本但不能间隔标签)


p:first-child --- 用于选取属于其父元素的首个子元素且为p元素(注:首个子元素+p元素)


伪类可以结合使用:a:link:hover:lang(en)(注:互斥的伪类不可结合,如:a:link:visited)


background-position在使用具体像素值定位时使用图像左上角,在使用百分数定位时用图像相应位置定位,即:在100px*100px的div里,background-position:50px 50px不能居中,而background-position:50% 50%可以水平垂直居中


background-color:rgba(红,蓝,绿,透明度);(eg:background-color:rgba(0,0,0,0.8);)


:target跳转目标伪类选择器


继承没有特殊性(通配符的0比它高),默认向下传播,向上传播的例外:body元素的背景样式可以传递到html元素


读者的重要声明 > 创作人员的重要声明 > 创作人员的正常声明 > 读者的正常声明 > 用户代理声明


:link{}
:visited{}
:hover{}
:active{}
LVHA记作“LoVe-HA!”


字体名中包含特殊符号或空格时建议用引号括起来,字体名与所接受关键字匹配时必须加引号('cursive')

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,100评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,875评论 0 5
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1
  • 所谓经典,就是值得反复阅读,并且每次读后,都有新的感悟和收获。 主人公海伦凯勒一位又盲又聋又哑的残障人士,...
    白丁2009阅读 319评论 0 0