css 众妙之门 学习笔记
2024-08-31 02:05:21
伪类:
结构伪类:
: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)
主要属性:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
h1{ -webkit-text-stroke:2px blue;}
h2{-webkit-text-stroke:1px transparent}
h3{color:transparent; -webkit-text-stroke:4px red;}
ol{counter-reset:section; list-style-type:none;}
li:before{counter-increment:section; content:counters(section,".")"";}
q{quotes:'《' '》' "<" ">" "(" ")";}
q:before{content:open-quote;}
q:after{content:close-quote;}
.of{text-overflow:ellipsis; overflow:hidden}/*css3*/
.bw{word-wrap:break-word;}
</style>
<title>无标题文档</title>
</head> <body>
<div style="background:green;">
<h1>wch</h1>
<h2>wch</h2>
<h3>Smashing</h3>
<marquee direction="left">dfsdfldfoisdjflsd</marquee>
<ol>
<li>item</li>
<li>item
<ol>
<li>ite</li>
<li>ite</li>
</ol>
</li>
<li>ite</li>
</ol>
<q>wch<q>222<q>333</q></q></q>
<div class="of" style="width:50px;">wedsfdsijojosdfjo</div>
<div class="bw" style="width:50px;">wedsfdsijojosdfjo</div>
</div>
</body>
</html>
最新文章
- node 异步回调解决方法之yield
- echarts-在现实标题中显示百分比
- Dojo
- 约瑟夫环问题(c++)
- struts2运行机制
- Spring使用外部的配置文件
- 48. Rotate Image
- linux 弹出光驱失败
- iOS-系统定位功能
- SQL WHILE 循环中的游标 用例,SQL中实现循环操作
- Android 类似未读短信图标显示数字效果的分析
- ecstore中kvstore之memcached
- Linux文档的压缩与打包
- linux下的framebuffer显示图片
- HBase 笔记1
- Retrofit 2.0基于OKHttp更高效更快的网络框架 以及自定义转换器
- python中stack在实际中的简单应用之平衡符号
- keras-VGG16 猫狗分类器
- 通过 EXPLAIN 分析低效 SQL 的执行计划
- java第二节 基本数据类型
热门文章
- 用ZooKeeper做为注册中心搭建基于Spring Cloud实现服务注册与发现
- Ubuntu 16.04切换/home中文目录为英文目录
- 13、Java并发性和多线程-Java Volatile关键字
- java中普通的顶级类是不能使用static关键字修饰的。只有内部类可以使用static修饰,也可以不使用staitc关键字修饰。
- MongoDB:最简单的增删改查(Oops,可能太简单了)
- 【转】keyCode对照表及JS监听组合按键
- C++对象模型——函数的效能(第四章)
- 解决安装OpenShift Client Tools时提示的dl/import (LoadError)问题
- 使用Tomcat的一些经验和心得
- &;quot;未能载入文件或程序集“XXX”或它的某一个依赖项。系统找不到指定的文件&;quot;的解决方式