HTML&javaSkcript&CSS&jQuery&ajax-Css
CSS
1 、eg
<head>
<style>
body{
background-color:#d0e4fe;}
h1{
color:orange;
text-alin：center;}
p{
font-family:"Times New Roman";
font-size:2opx;}
</style></head>
<body>
<h1>CSS实例</h1>
<p>这是一个段落</p>
</body>
2、采用CSS 修饰
<head><style>p{ color:red; text-align:center}</style></head>
<body> <p>HELLO World</p></body
>
3 、ID选择器和class选择器
HTML中元素以ID属性来设置选择器，CSS中ID选择器一# 来定义
<style>
#paral{
text-align:center;
color:red;
}
</style>
<body><p id="paral">Hello world</p></body>
4、 class 选择器用于描述一组匀速的样式，class选择器有别于ID选择器，class可以在多个元素中使用，class 选择器在HTNL中以class属性表示，类选择器中以一个点号 . 表示
<style>
.center
{
text-align:center
}</style>
<body><h1 class="center">标题居中</h1></body>
5、CSS样式分成三种分别是 外部样式External Style sheet，内部样式 internal style sheet，内联样式inline style当样式用于多个页面时，外部样式最理想的选择器， 在使外部样式的时候使用一个文件夹改变整个站点的外观，每个页面使用<link>标签链接到样式表。 <link>标签在文档头部
<head><link rel="stylesheet‘ type=‘text/css’’ href="mystyle.css">
6、背景设置的CSS
CSS背景属性的定义 background-color background-image background-repeat background-attachment bancground-position
在body 选择器中设置颜色 body{ background-color: #b0c4de;} background-image 属性对背景图像进行平铺显示，覆盖整个元素实体<body>{ background-image:url('page.gif';)}
7、背景图像水平或者垂直平铺
水平方向平铺 body{
background-image;url('image.gif');
background-repeat:repeat-x;} 如果不设置平铺 no-repeat即可
设置具体位置 body{
background-repeat:no-repeat;
background-position:right top
}
8、简写方法 body{
background: #3ef322 url('image.png') no-repeat right top; margin-right:200px}
9、CSS文本格式
内联样式的字体样式设置
<style>
body{
color:red;}
h1{color:#00ff00ff;}
p.ex{color:rgb(244;33;33);}</style>
<body><h1>biaoti </h1> <p>MKNf</p> <p class="ex">mklmm</p></body>
10、文本的修饰
text-decoration 属性来设置或者删除文本的装饰 删除链接的下划线
<style> a{ text-decoration:none;}</style> <body><p >链接<a href="http://www.baidu.com/">链接</a>
11、文本转换
<style> p.uppercase{ text-transform:uppercase;}
p.lowercase{text-transform: lowercase;}
p.capitalize{ text-transform:capitalize;}
</style>
<body> <p class="uppercase">This is some text</p>
<p class="lowercase">This is some text</p>
</body>
12、文本缩进
<style>p{text-indent:50px;}</style>
<body> my younger and more vulnerable years my father gave </body>
HTML&javaSkcript&CSS&jQuery&ajax-Css的更多相关文章
- HTML&javaSkcript&CSS&jQuery&ajax（八）
一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...
- HTML&javaSkcript&CSS&jQuery&ajax（五）
一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...
- HTML&javaSkcript&CSS&jQuery&ajax（二）
一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a> <img sr ...
- java-HTML&javaSkcript&CSS&jQuery&ajax
CSS 伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:acti ...
- XSS-HTML&javaSkcript&CSS&jQuery&ajax
1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;} ul.b{list-style-type:square;} ul.c{list ...
- HTML&javaSkcript&CSS&jQuery&ajax（十）
HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...
- HTML&javaSkcript&CSS&jQuery&ajax（七）
’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" t ...
- HTML&javaSkcript&CSS&jQuery&ajax（四）
一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...
- HTML&javaSkcript&CSS&jQuery&ajax（三）
一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...
- java-HTML&javaSkcript&CSS&jQuery&ajax( 八)
一.JavaScript教程笔记 1.在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互.另外Node.js把JavaScript引入到了服务器端. Jav ...
随机推荐
- 第六天-request response\13-request乱码.avi;
疑问:提交为POST时 ,request为什么不放在Post里面处理呢? 服务器已经启动后,修改html的代码不需要重启服务器就可以生效 :超链接中有中文,也是需要像get那样 通过该配置文件可以解决 ...
- Hibernate的学习（二）
---恢复内容开始--- 一.多表的建表原则 1.一对多的关系:例如 一个客户有多个联系人: 表与表一对多的关系:在一对多时,多的表中添加一个外键,用来和一的表的主键.产生联系. 2.多对多的关系:例 ...
- JAVA并行异步编程,线程池+FutureTask
java 在JDK1.5中引入一个新的并发包java.util.concurrent 该包专门为java处理并发而书写. 在java中熟悉的使用多线程的方式为两种?继续Thread类,实现Runnal ...
- Netty实现简单WebSocket服务器
本文参考<Netty权威指南>├── WebSocketServerHandler.java├── WebSocketServer.java└── wsclient.html packag ...
- AI 玩法整理
随着信息技术的火热发展,人工智能已经成为IT全行业的风口爆发点,既然风口来了,作为技术人人员也都毫不犹豫的分一杯羹,怎么玩呢? 接下来的博客就会带领大家一起玩玩AI 认识AI--略,如果有需要的可以再 ...
- 2.Python list_常用方法总结
一.创建列表 只要把逗号分隔的不同数据项,使用方括号[],括起来即可, 下标(角标索引)从0开始,最后一个一个元素下标可以写-1 list = ['1' , '2' , '3'] list = [] ...
- Aurelius vs mORMot vs EntityDAC Delphi 的 ORM框架
Aurelius vs mORMot vs EntityDAC Delphi 的 ORM框架: http://www.tmssoftware.com/site/aurelius.asp#produ ...
- Django：前后端分离后联调给前端传数据
实现前后端分离后,有了下面几点改变: 1.服务器一分为二,前后端分别部署,静态资源放在前端服务器,业务代码放在后的服务器 2.前端服务器需要接收Http请求(一般使用node.js) 3.前端服务器需 ...
- 设计模式C++学习笔记之十五（Composite组合模式）
15.1.解释 概念:将对象组合成树形结构以表示“部分-整体”的层次结构.Composite使得用户对单个对象和组合的使用具有一致性. main(),客户 CCorpNode,抽象基类,实现基本信 ...
- 【转】Java并发编程：Thread类的使用
一.线程的状态 在正式学习Thread类中的具体方法之前,我们先来了解一下线程有哪些状态,这个将会有助于对Thread类中的方法的理解. 线程从创建到最终的消亡,要经历若干个状态.一般来说,线程包括以 ...