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. 初识css预处理器：Sass、LESS

    这篇文章是初步介绍css预处理的,详细学习请移步官网~ 什么是css预处理器 CSS 预处理器是一种语言, 通俗易懂的话来说就是“用一种专门的编程语言,进行 Web 页面样式编写,再通过编译器转化为正 ...

  2. 算法-链的操作(一)-合并两个排序的链接（no.25）

    合并两个排序的链接(no.25) 把下面连个排好序的链,从小到大排序链接. list1 : 1 -> 6 -> 8 list2 : 2-> 5 -> 9 def merge(h ...

  3. linux 权限管理

  4. 1421 - Wavio Sequence

    题目大意:求一个序列中 先严格递增后严格递减的子序列的数目(要求这个子序列对称). 题目思路:正一遍DP,反一遍DP,因为n<=1e5,dp要把时间压缩到nlogn #include<st ...

  5. Django实战(一)-----用户登录与注册系统3（前端页面、登录视图）

    基本框架搭建好了后,我们就要开始丰富页面内容了.最起码,得有一个用户登录的表单不是么?(注册的事情我们先放一边.) 一. 原生HTML页面 删除原来的login.html文件中的内容,写入下面的代码: ...

  6. Bagging, Boosting, Bootstrap

    Bagging 和 Boosting 都属于机器学习中的元算法(meta-algorithms).所谓元算法,简单来讲,就是将几个较弱的机器学习算法综合起来,构成一个更强的机器学习模型.这种「三个臭皮 ...

  7. 【转】Python之面向对象与类

    [转]Python之面向对象与类 本节内容 面向对象的概念 类的封装 类的继承 类的多态 静态方法.类方法 和 属性方法 类的特殊成员方法 继承层级关系中子类的实例对象对属性的查找顺序问题 一.面向对 ...

  8. Win10系统BitLocker解锁后再次快速锁定办法

    原文地址:https://blog.csdn.net/ttljtw/article/details/54022241 谁都不愿意把自己电脑上资料完全公开,对资料选择性加密处理是唯一的办法. 微软Win ...

  9. linux mount -t -o 用法

    挂接命令(mount) 首先,介绍一下挂接(mount)命令的使用方法,mount命令参数非常多,这里主要讲一下今天我们要用到的. 命令格式: mount [-t vfstype] [-o optio ...

  10. Kendo ui 入门知识点

    1. Kendo的继承 varPerson= kendo.Class.extend({...}); var person = new person(); var Parent = kendo.Clas ...