伪类：

结构伪类：

:empty

:only-child

:before

:after

:active

:hover

:focus

:link

:visited

:first-child

:last-child

:nth-last-child()

:nth-child()

UI元素伪类：

:checked

:enabled

:disabled

目标伪类：

:target

否定伪类

div:not(classname)

主要属性：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <style type="text/css">
  6. h1{ -webkit-text-stroke:2px blue;}
  7. h2{-webkit-text-stroke:1px transparent}
  8. h3{color:transparent; -webkit-text-stroke:4px red;}
  9. ol{counter-reset:section; list-style-type:none;}
  10. li:before{counter-increment:section; content:counters(section,".")"";}
  11. q{quotes:'《' '》' "<" ">" "(" ")";}
  12. q:before{content:open-quote;}
  13. q:after{content:close-quote;}
  14. .of{text-overflow:ellipsis; overflow:hidden}/*css3*/
  15. .bw{word-wrap:break-word;}
  16. </style>
  17. <title>无标题文档</title>
  18. </head>
  19.  
  20. <body>
  21. <div style="background:green;">
  22. 	<h1>wch</h1>
  23. 	<h2>wch</h2>
  24. 	<h3>Smashing</h3>
  25. 	<marquee direction="left">dfsdfldfoisdjflsd</marquee>
  26. 	<ol>
  27. 		<li>item</li>
  28. 		<li>item
  29. 			<ol>
  30. 				<li>ite</li>
  31. 				<li>ite</li>
  32. 			</ol>
  33. 		</li>
  34. 		<li>ite</li>
  35. 	</ol>
  36. 	<q>wch<q>222<q>333</q></q></q>
  37. 	<div class="of" style="width:50px;">wedsfdsijojosdfjo</div>
  38. 	<div class="bw" style="width:50px;">wedsfdsijojosdfjo</div>
  39. </div>
  40. </body>
  41. </html>

css 众妙之门 学习笔记的更多相关文章

  1. 《众妙之门——精通CSS3》一书知识点剖析

    不得不佩服京东的速度,昨天刚下单的两本书今天上午就到了.其中一本是全彩页的<众妙之门 - 精通CSS3>,细看了前几十页,书上的叙述方式给我的印象其实不如“彩页”来的讨喜——接连说上几个例 ...

  2. 《CSS网站布局实录》学习笔记（一）

    今天开始,认真学习前端技术,哈哈哈~~~加油~~~ 推荐这本<CSS网站布局实录>(第2版)给初级入门选手,虽然这本书年代有点久远,不过很经典. 注明一下:这里讲述的CSS均为CSS 2. ...

  3. 《CSS网站布局实录》学习笔记（六）

    第六章 CSS高级应用与技巧 6.1 id与class 6.1.1 什么是id id是XHTML元素的一个属性,用于标识对象名称.无论是class还是id,都是XHTML所支持的公共属性,并且也是其核 ...

  4. 《CSS网站布局实录》学习笔记（五）

    第五章 CSS内容排版 5.1 文字排版 5.1.1 通栏排版 进行网页通栏排版时,只要直接将段落文字放置于p或者其他对象中,再对段落文字应用间距.行距.字号等样式控制,便形成了排版雏形. 5.1.2 ...

  5. 《CSS网站布局实录》学习笔记（四）

    第四章 CSS网站元素设计 4.1 网站导航 网站导航是网站中最重要的元素.从形式上看,网站导航主要分横向导航.纵向导航.下拉及多级菜单导航灯3种常见形式. 横向导航:作为门户网站的设计而言,主导航一 ...

  6. 《CSS网站布局实录》学习笔记（三）

    第三章 CSS网页布局与定位 3.1 div 几乎XHTML中的任何标签都可以用于浮动与定位,而div首当其冲.对于其他标签而言,往往有它自身存在的目的,而div元素存在的目的就是为了浮动与定位. 3 ...

  7. 《CSS网站布局实录》学习笔记（二）

    第二章 XHTML与CSS基础 2.1 XHTML基础 XHTML是网页代码的核心内容,标准XHTML代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  8. jQuery几个易混淆之处（参考《众妙之门》及相关博客）

    parent() && parents() && closest() 这三个方法都与沿着DOM向上导航有关,在由选择器返回的元素上方,匹配父元素或之前的祖先元素,但是每 ...

  9. CSS中filter滤镜的学习笔记

    1．CSS静态滤镜样式 (filter)(只有IE4.0以上支持)  CSS静态滤镜样式的使用方法:{ filter : filtername( parameters1, parameters2, . ...

随机推荐

  1. Java获取系统环境变量（System Environment Variable）和系统属性（System Properties）以及启动参数的方法

    系统环境变量(System Environment Variable): 在Linux下使用export $ENV=123指定的值.获取的方式如下: Map<String,String> ...

  2. Spring Cloud ZooKeeper集成Feign的坑1，错误：Consider defining a bean of type 'org.springframework.web.client.RestTemplate' in your configuration.

    错误如下: ERROR 31473 --- [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** A ...

  3. MVC WebApi 将返回值改为JSON格式

    新增一个类: public class BrowserJsonFormatter : JsonMediaTypeFormatter { public BrowserJsonFormatter() { ...

  4. 百度LBS云搜索时报错 &quot;filter:area is not filteable field, please set property in the cloud-storage

    {"status":2,"message":"filter:area is not filteable field, please set prope ...

  5. Linux系统centos7+VMwareWorkstation创建共享文件夹错误解决方法集锦

    在创建共享文件夹过程中出现了多种错误,多次尝试后终于解决了. 1.直接找到VMware Tools压缩包的位置:/run/media/wxy/VMware\ Tools /**省去了创建光盘挂载点:m ...

  6. 字节数组byte[]和整型,浮点型数据的转换——Java代码

    近期在写C++ socket和java socket之间的通信程序,涉及到整数浮点数的传输.须要从字节数组还原数据,查了一些资料.总结例如以下 1.       整数和浮点数的机器表示 在机器内部.不 ...

  7. debian网络静态ip配置

    本配置适合于服务器上的静态ip配置,该方法简单可靠. 1 临时配置 ifconfig eth0 192.168.1.97 netmask 255.255.255.0 broadcast 192.168 ...

  8. 关于三星手机调用相机返回后activity被回收的问题

    今天遇到个问题很蛋疼啊,别的手机没问题,唯独三星机型的手机跳转到相机之后,回来activity没了.这个或许是三星内部回收机制的关系,因为相机打开之后消耗会比较大, 所以后面的进程都给暂时回收掉了,加 ...

  9. bzoj3505 [Cqoi2014]数三角形——组合数+容斥

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=3505 好题啊好题...好像还曾经出现在什么智力测试卷中来着...当时不会现在还是无法自己推出 ...

  10. E20170807-mk

    literal adj. 照字面的; 原义的; 逐字的; 平实的,避免夸张;