美文网首页
[css]css读书笔记

[css]css读书笔记

作者: Sm1les | 来源:发表于2016-08-15 15:30 被阅读0次

[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')

相关文章

  • css的层叠

    css2的css的层叠 《css世界》的读书笔记,非原创。背景是css2。 z-index只是层叠规则中的一个属性...

  • 自己练习的css动画(单标签)

    筷子css 鸡蛋css 勺子css 爱心css 气泡css 缺四角css 缺圆角css 梯形css 圆盘css 平...

  • 《Head First HTML 与 CSS》读书笔记之CSS篇

    本文为阅读《Head First HTML 与 CSS》的css部分的读书笔记,方便回顾书上的知识,另一篇为Hea...

  • CSS背景、文本、字体、链接、列表、轮廓

    CSS背景 CSS文本 CSS字体 CSS链接 CSS列表 CSS轮廓

  • CSS 教程

    CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...

  • CSS样式

    CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...

  • CSS高级

    CSS 对齐CSS 尺寸CSS 分类CSS 导航栏CSS 图片库CSS 图片透明CSS 媒介类型CSS 注意事项C...

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • CSS第一天

    CSS 什么是CSS 为什么要学习CSS CSS基础语法 CSS使用方法 CSS选择器 CSS继承和层叠 CSS优...

  • CSS学习笔记(1)

    CSS版本 CSS Level1 CSS Level 2(CSS 2.1规范) CSS Level 3 CSS规则...

网友评论

      本文标题:[css]css读书笔记

      本文链接:https://www.haomeiwen.com/subject/lseusttx.html