<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <style type="text/css">

    [class^="cl"]{

    font-size: 30px;

    color: red;

    }

    [class^="cl"]{

    font-size: 30px;

    color: red;

    }

    [class$="cl"]{

    font-size: 30px;

    color: red;

    }

    [class*="cl"]{

    font-size: 30px;

    color: red;

    }

    p:before{

    content:"回家回家";

    }

    p:after{

    content:"抓紧回家";

    }

    :root{background-color: blud;}

    :empty{background-color: yellow;}

    :target h3{color: red;}

    </style>

  </head>

  <p class="cl11">赶紧放学！！！！！！！！</p>

  <p class="cl22">赶紧放学！！！！！！！！</p>

  <p class="11cl">赶紧放学！！！！！！！！</p>

  <p class="22cl">赶紧放学！！！！！！！！</p>

  <p>赶紧放学！！！！！！！！<br/>

     赶紧放学！！！！！！！！<br/>

     赶紧放学！！！！！！！！<br/>

     赶紧放学！！！！！！！！<br/>

  </p>

  <table>

    <tr><td>a</td><td>b</td></tr>

    <tr><td>c</td><td></td></tr>

    </table>

  <a href="#html">html</a>

  <a href="#jsp">jsp</a>

  <div id="html">

  <h3>点击</h3>

  </div>

  <div id="jsp">

  <h3>点击</h3>

  </div>

  <body>

  </body>

</html>


 
 

CSS3新特性介绍的更多相关文章

  1. [转]深入了解 CSS3 新特性

    简介 CSS 即层叠样式表(Cascading Stylesheet).Web 开发中采用 CSS 技术,可以有效地控制页面的布局.字体.颜色.背景和其它效果.只需要一些简单的修改,就可以改变网页的外 ...

  2. 新特性AAtitti css3 新特性attilax总结titti css

    Atitti css3 新特性attilax总结 图片发光效果2 透明渐变效果2 文字描边2 背景拉伸2 CSS3 选择器(Selector)4 @Font-face 特性7 Word-wrap &a ...

  3. Atitti css3 新特性attilax总结

    Atitti css3 新特性attilax总结 图片发光效果2 透明渐变效果2 文字描边2 背景拉伸2 CSS3 选择器(Selector)4 @Font-face 特性7 Word-wrap &a ...

  4. dubbox新特性介绍

    dubbx是当当网对原阿里dubbo2.x的升级,并且兼容原有的dubbox.其中升级了zookeeper和spring版本,并且支持restfull风格的远程调用. dubbox git地址:  h ...

  5. Hadoop3.0新特性介绍，比Spark快10倍的Hadoop3.0新特性

    Hadoop3.0新特性介绍,比Spark快10倍的Hadoop3.0新特性 Apache hadoop 项目组最新消息,hadoop3.x以后将会调整方案架构,将Mapreduce 基于内存+io+ ...

  6. CSS3新特性（阴影、动画、渐变、变形、伪元素等）

    CSS3与页面布局学习总结(六)--CSS3新特性(阴影.动画.渐变.变形.伪元素等)   目录 一.阴影 1.1.文字阴影 1.2.盒子阴影 二.背景 2.1.背景图像尺寸 2.2.背景图像显示的原 ...

  7. jdk7和8的一些新特性介绍

    jdk7和8的一些新特性介绍 本文是我学习了解了jdk7和jdk8的一些新特性的一些资料,有兴趣的大家可以浏览下下面的内容. 官方文档:http://www.oracle.com/technetwor ...

  8. ArcGIS 10.3 for Desktop新特性介绍

    ArcGIS 10.3是一个完整公布的ArcGIS平台,它包含新的产品(ArcGIS Pro),针对10.2版本号产品进行了功能增强和稳定性的改进. ArcGIS 10.3 for Server新特性 ...

  9. 深入了解css3新特性

    深入了解css3新特性:http://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/

随机推荐

  1. STM32F103引脚功能定义

  2. java个内部类的总结

    内部类的概念 成员内部类 访问成员内部类格式: 案例 局部内部类 案例 静态内部类 访问格式: 案例 匿名内部类 格式: 案例 内部类的概念 将类定义在类的内部,那么该类就成为内部类 注意: 内部类是 ...

  3. jq复制

    function funCopy() {        var va = $("#va").val(); if (va != "") { var save = ...

  4. 20180706001 - 动态添加 tabPage

    //        public TabPage Add(Form form, string str_frm_name)        {            form.Visible = true ...

  5. 安卓抓包https

    https://blog.csdn.net/yichengace/article/details/80167878

  6. 4、网上收集Storm 讲解图

    1.Storm与Kafka集成 我们知道storm的作用主要是进行流式计算,对于源源不断的均匀数据流流入处理是非常有效的, 而现实生活中大部分场景并不是均匀的数据流,而是时而多时而少的数据流入,这种情 ...

  7. CefSharp浏览器网页中文语言设置

    设置浏览器语言而非cef语言 ChromiumWebBrowser browser = new ChromiumWebBrowser(url); BrowserSettings browserSett ...

  8. ES6 let const学习

    1.let命令:用法类似于var,但是所声明的变量,只在let命令所在的代码块有效. 例:var a = [ ]; for(var i=0;i<10;i++){ a[ i ] = functio ...

  9. Docker Swarm Mode 学习笔记 （部署服务）

    使用 docker service 命令来管理 Swarm 集群中的服务,该命令只能在管理节点上执行. 新建服务 docker service create --replicas 3 -p 80:80 ...

  10. yii 邮箱封装

    <?php class Mailer { private static $obj; private static $config; public static function getMaile ...