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. DOM操作插入新的子节点

    appendChid.insertBefore首先这两个方法都是添加子节点. append(追加),appendChid:给父节点的子节点末尾添加子节点. insertBefore(newNode, ...

  2. 前端开发者不得不知的es6十大特性（转）

    转载自AlloyTeam:http://www.alloyteam.com/2016/03/es6-front-end-developers-will-have-to-know-the-top-ten ...

  3. java--GC Root有哪些

    GC管理的主要区域是Java堆,一般情况下只针对堆进行垃圾回收.方法区.JVM栈和Native栈不被GC所管理,因而选择这些非堆区的对象作为GC roots,被GC roots引用的对象不被GC回收. ...

  4. wx小程序-音频视频！

    1.音乐的启动跟暂停 dom里面图片切换的另一种方法 通过变量 改变路径 2.监听 在onload里面 3.定义了一个全局变量 然后在但页面中获取 app.js 单页面中 app.js 的三个生命周期

  5. 用v-for进行table循环

    <table class="mytable mt10"> <template v-for="(item,index) in device_fault&q ...

  6. 使用 JavaScript 将网站后台的数据变化实时更新到前端

    问:难道只能设置定时器每隔一秒通过 Ajax 向后台请求数据来实现吗? 答: 1. nodejs的 http://socket.io 支持上述 李宏训 所说的三种方式,另外还支持 Flash Sock ...

  7. python,栈的小例子

    ''' 1.首先确认栈的概念,先进后出 2.初始化的时候如果给了一个数组那么就要将数组进栈 ''' class Stack: def __init__(self,start=[]): self.sta ...

  8. dubbo初步认识

    dubbo中文网站:http://dubbo.apache.org/zh-cn/ dubbo英文网站:http://dubbo.apache.org/en-us/ 1.Apache Dubbo是一款高 ...

  9. HDU contest808 ACM多校第7场 Problem - 1008： Traffic Network in Numazu

    首先嘚瑟一下这场比赛的排名:59 (第一次看到这么多 √ emmmm) 好了进入正文QAQ ...这道题啊,思路很清晰啊. 首先你看到树上路径边权和,然后还带修改,不是显然可以想到 树剖+线段树 维护 ...

  10. Unity3D之通过C#使用Advanced CSharp Messenger

    Advanced CSharp Messenger 属于C#事件的一种. 维基百科中由详细的说明http://wiki.unity3d.com/index.php?title=Advanced_CSh ...