CSS

1、表单的处理 <style> table, td, th{

border:1px; solid green;}

th{ background-color:green;

color: white;}

</style>

<body> <table>   <tr><th>firstName</th><th>Lastname</th></tr>

<tr><td>PEE</td><td>GRR</td></tr>

2、<style><div>{ background-color:lightgrey;

width；300px;

border:25px solid green;

padding:25px;

mardin:25px;

}</style>

<body><div>KLNJFSA</div><body>

3、边框的设置

<style>

p.one{

border-style:solid;

border-width:5px;

border-color:red

}

p.two{

border-style:solid;

border-width:4px;

border-color:green;}</style>

<body>

<p class="one">NKNK</p>

<p class="two">SDNKSD</p></body>

4、指定边距

<style>p{background-color:yellow;}

p.margin{

margin-top;100px;

margin-bottom:100px;

margin-right;50px;

margin-left;50px;}

<body>

<p>DSDSDD</p>

<p class="margin">DSDSD</p></body>

5、分组选择器Grouping Selectors

<style>

h1,h2,p{

color:green;}</style>

<body><h1>DDDD</h1>

<h2>FFFF</h2></body>

6、设置元素的高度  Dimension

<style>

img.normal{

height:auto;}

img.pig{

height:12px;}</style>

<body>

<img class="normal" src="pp.gif" width="32" height="234";></body>

<img class="big" src="llsd.gif" width="23" height="23";>

7、按照百分比设置高度

<style>html{height:100%;}

body{height"100%;}

img.normal{height:auto;}

ing.big{height:50%;}

img.smalll{ height:10%;}</style>

<body><img class="normal" src="sm.gif"  width="2" height="23‘’;>

<img class="small" src="we/gif" width="324" height="23";></body>

XSS-HTML&javaSkcript&CSS&jQuery&ajax-CSS的更多相关文章

  1. HTML&javaSkcript&CSS&jQuery&ajax（八）

    一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...

  2. HTML&javaSkcript&CSS&jQuery&ajax（五）

    一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...

  3. HTML&javaSkcript&CSS&jQuery&ajax（二）

    一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a>         <img sr ...

  4. XSS-HTML&javaSkcript&CSS&jQuery&ajax

    1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;}    ul.b{list-style-type:square;}   ul.c{list ...

  5. java-HTML&javaSkcript&CSS&jQuery&ajax

    CSS  伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...

  6. HTML&javaSkcript&CSS&jQuery&ajax（十）

    HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...

  7. HTML&javaSkcript&CSS&jQuery&ajax（七）

    ’一.HTML5 实例  <video width="430" controls>   <source src="mov_nnn.mp4" t ...

  8. HTML&javaSkcript&CSS&jQuery&ajax（四）

    一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...

  9. HTML&javaSkcript&CSS&jQuery&ajax（三）

    一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...

  10. java-HTML&javaSkcript&CSS&jQuery&ajax( 八)

    一.JavaScript教程笔记 1.在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互.另外Node.js把JavaScript引入到了服务器端. Jav ...

随机推荐

  1. 将本地项目上传到git

    1.新建一个README.md的文件,并将项目名写入此文件(一般第三方git服务会在创建在创建项目的时候自动创建该文件,可以跳过这一步) echo "# Lee" >> ...

  2. 【blog】推荐一个博客系统后台管理模板 - pinghsu

    pinghsu https://github.com/chakhsu/pinghsu

  3. react踩坑记录——使用fetch获取json数据报错

    报错: 原因其实是list.json文件路径错误,该文件路径是相对于index.html的,而不是App.js或者index.js.

  4. mysql 原理 ~ kill session解析

    一 简介:kill session为什么需要很久 二 kill语句分为三类  1 DML语句   2 select语句   3 DDL语句 三  kill都要做什么操作   1 kill对sessio ...

  5. VMware 11安装Mac和Linux

    VMware 11安装Mac OS X 10.10_百度经验 https://jingyan.baidu.com/article/ff411625b9011212e48237b4.html?qq-pf ...

  6. Jupyter如何将numpy数据以图像形式展现？

    示例如下: %matplotlib inline import matplotlib import matplotlib.ptplot as plt img = np.random.random((1 ...

  7. python基础-----函数/装饰器

    函数 在Python中,定义一个函数要使用def语句,依次写出函数名.括号.括号中的参数和冒号:,然后,在缩进块中编写函数体,函数的返回值用return语句返回. 函数的优点之一是,可以将代码块与主程 ...

  8. android动态设置组件LayoutParams

    开发中经常用到动态设置组件的LayoutParams,之前开发遇到的问题如下: LinearLayout.LayoutParams params = new LinearLayout.LayoutPa ...

  9. costmap_2d 解析

    costmap_2d这个包提供了一种2D代价地图的实现方案,该方案利用输入的传感器数据,构建数据2D或者3D代价地图(取决于是否使用基于voxel的实现),并根据占用网格和用户定义的膨胀半径计算2D代 ...

  10. Java异常处理之try-with-resources

    Oracle官方文档: http://docs.oracle.com/javase/7/docs/technotes/guides/language/try-with-resources.html 概 ...