css 3 学习笔记

文本:
 
word-wrap : normal | break-word
取值:
normal:
    控制连续文本换行。
break-word:
    内容将在边界内换行。如果需要,词内换行(word-break)也会发生。

text-overflow : clip | ellipsis
取值:
clip:
    不显示省略标记(...),而是简单的裁切。
ellipsis:
    当对象内文本溢出时显示省略标记(...)

text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

取值:
<color> :
    指定颜色。
<length> :
    由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> :
    由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两
    个 length 全部设定为 0 。

选择器

E::selection : {attribute}
相关伪类: E:enabled | E:disabled | E:checked
说明:
匹配E元素中被用户选中或处于高亮状态的部分

E:not(s) : {attribute}
说明:
匹配所有不匹配简单选择符s的元素E

E:empty : {attribute}
相关伪类: E:root | E:nth-child(n) | E:nth-last-child(n) | E:nth-of-type(n) | E:nth-last-of-type(n) |
E:last-child | E:first-of-type | E:only-child | E:only-of-type
说明:
匹配没有任何子元素(包括text节点)的元素E

E[att^="val"] : {attribute}
相关伪类: E[att$="val"] | E[att*="val"]
说明:
匹配具有att属性、且值以val开头的E元素

E[att$="val"] : {attribute}
相关伪类: E[att^="val"] | E[att*="val"]
说明:
匹配具有att属性、且值以val结尾的E元素

E[att*="val"] : {attribute}
相关伪类: E[att^="val"] | E[att$="val"]
说明:
匹配具有att属性、且值中含有val的E元素

E:nth-child(n) : {attribute}
相关伪类: E:root | E:nth-last-child(n) | E:nth-of-type(n) | E:nth-last-of-type(n) | E:last-child |
E:first-of-type | E:only-child | E:only-of-type | E:empty
说明:
匹配父元素中的第n个子元素E

E:nth-last-child(n) : {attribute}
相关伪类: E:root | E:nth-child(n) | E:nth-of-type(n) | E:nth-last-of-type(n) | E:last-child |
E:first-of-type | E:only-child | E:only-of-type | E:empty
说明:
匹配父元素中的倒数第n个结构子元素E

E:nth-of-type(n) : {attribute}
相关伪类: E:root | E:nth-child(n) | E:nth-last-child(n) | E:nth-last-of-type(n) | E:last-child |
E:first-of-type | E:only-child | E:only-of-type | E:empty
说明:
匹配同类型中的第n个同级兄弟元素E

E:first-of-type : {attribute}
相关伪类: E:root | E:nth-child(n) | E:nth-last-child(n) | E:nth-of-type(n) | E:nth-last-of-type(n) |
E:last-child | E:only-child | E:only-of-type | E:empty
说明:
匹配同级兄弟元素中的第一个E元素

E:only-child : {attribute}
相关伪类: E:root | E:nth-child(n) | E:nth-last-child(n) | E:nth-of-type(n) | E:nth-last-of-type(n) |
E:last-child | E:first-of-type | E:only-of-type | E:empty
说明:
匹配属于父元素中唯一子元素的E

CSS 3 学习笔记的更多相关文章

  1. css居中学习笔记

    css居中学习笔记 一.水平居中 以下面的代码为例: <body> <div class="parent"> <div class="chi ...

  2. (2)《Head First HTML与CSS》学习笔记---img与基于标准的HTML5

    1.浏览器处理图像的过程: 1.服务器获取文件,显示出文本结构,以及预留默认的大小给<img>(如果该<img>有width-1值和height-1值,则根据这个值提前设好页面 ...

  3. 【干货】Html与CSS入门学习笔记1-3

    从23号开始用了4天时间看完了<Head First Html与CSS>这本书,本书讲解方式深入浅出,便于理解,结合习题,便于记忆,是一本不错的入门书.下面是本书的学习笔记: 一.认识HT ...

  4. (6)《Head First HTML与CSS》学习笔记---结尾、《HTML5权威指南》读书笔记

    1.内联元素的外边距.内边距与块元素稍有不同. 如果一个内联元素四周都增加外边距,只能看到左边和右边会增加空间:你也可以对内联元素的上下增加内边距,不过这个内边距不会影响包围它的其他内联元素的间距—— ...

  5. HTML&CSS基础学习笔记1.16-单元格间距和表格主体

    上一篇讲html学习笔记,讲过了合并单元格,那么今天就来介绍下如何控制单元格的间距,以及表格主体的相关知识. 单元格间距 在上个知识点的显示结果中你可能发现了,单元格与单元格之间有一小段空白.这是由& ...

  6. HTML&CSS基础学习笔记—创建列表

    创建一张表格 很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义 表格. <table> </table> 添 ...

  7. HTML&CSS基础学习笔记1.32-选择器是什么

    选择器是什么 选择器是CSS样式为了定位页面上的任意元素的一种方法. 选择器主要分为:元素标签选择器.通用选择器.类选择器.ID选择器.属性选择器.组合选择器.伪类选择器.伪元素选择器. 先做个了解, ...

  8. HTML&CSS基础学习笔记1.31-像素和相对长度

    像素和相对长度 之前的笔记中,我们提到过用属性width.height来设置图片的尺寸,它们的单元都是”px(像素)”.长度单位总结一下,目前比较常用到px(像素).em.% 百分比,要注意其实这三种 ...

  9. (1)《Head First HTML与CSS》学习笔记---HTML基本概念

    前言: 1.     这本书并没有面面俱到,涵盖所有内容,只提供作为初学者真正需要的东西:基本知识和信心.所以这不是唯一的参考书.(我买了一本<HTML5权威指南>作为参考书和这本一起看, ...

随机推荐

  1. Oracle Tuning (Oracle 性能调整)的一些总结

    Oracle Tuning (Oracle 性能调整)的一些总结 Oracle Tuning (Oracle 性能调整)的一些总结关于Oracle的性能调整,一般包括两个方面,一是指Oracle数据库 ...

  2. php curl批处理

    php模拟多线程用到curl库,这个库很强大,可以做好多事,比如模拟登陆,文件上传/下载,数据采集等. 下面是我的代码,很简单,有些还功能还不会用. <?php $node_urls=array ...

  3. 放苹果问题 DP计数 m个苹果放在n个盘子里,苹果,盘子相同,盘子可为空

    详细的解释放苹果问题的链接:苹果可相同可不同,盘子可相同可不同,盘子可空和不可空,都有详细的说明··· http://www.cnblogs.com/celia01/archive/2012/02/1 ...

  4. Python之进程(multiprocessing)

    一.multiprocessing模块简介——进程基于“threading”的接口 multiprocessing模块支持创建进程——使用threading模块相似的API.multiprocessi ...

  5. Entities、pads、links 实体、垫、链接

    Entities.pads.links 实体.垫.链接 Entities:1.实体由一个struct media_entity实例表示.结构通常嵌入到一个较高级别的结构,例如v4l2_subdev或v ...

  6. day25 python学习 继承,钻石继承

    通过一个列子认识父类和子类中,子类的如何实现对父类默认属性调用,同时拥有自己的属性,如何在子类中调用父类的方法,class Ainmal: country='afdas' def __init__(s ...

  7. XDomainRequest object

    The XDomainRequest object has these types of members: Events Methods Properties Events The XDomainRe ...

  8. 看懂Class文件的装载流程

    Class文件的加载过程 ClassLoader的工作模式 类的热加载 1 Class文件的装载流程 只有被java虚拟机装载的Class类型才能在程序中使用(注意装载和加载的区别) 1.1 类装载的 ...

  9. JSP指令include和JSP动作元素include的区别

    include指令用于在JSP页面静态的包含一个文件,该文件可以是JSP页面.HTML页面.文本文件或者一段java代码.使用include指令的JSP页面在转换时,JSP容器会在其中插入所包含文件的 ...

  10. 单变量微积分笔记20——三角替换1(sin和cos)

    sin和cos的常用公式 基本公式: 半角公式: 微分公式: 积分公式: 三角替换 示例1 根据微分公式,cosxdx = dsinx 示例2 示例3 半角公式 示例1 示例2 解法1: 解法2: 综 ...