html css-CSDN博客

一.html

1.svn subversion

1.找到根目录-dropins-把svn托到dropins-重启myeclipse

2.安装svn服务器

3.打开，创建库文件-创建用户

4.上传

5.import-svn

新建web project

svn无法更新, 先把项目删除,team-clean,实在不行把文件删除，重新导入

在workspace里把隐藏文件删掉

team-share

mav-enable -download re- `` do not a -offline-

改模版-general-editors-file association

myeclipse修改java打开方式 perference-editors-fileassociation(联合)文件类型关联

上面点jsp-下面点jsp editor(default)

webstrom

2.【标签】在HTML中是以 “<” 开始，以“>”结束所有的内容就是一个标签

【元素】在标签 “<” 与 “>” 中的内容就是元素

<head> <title><meta http-equiv=”Content-Type” content=”text/html;charset=utf-8”> 元数据

<h1-h6>标题标签

<br>分行 <p align=>分段

<font color=”” size=”” face=””> 字体

<hr> 水平线 color size

1.文本标签 <i>(斜体)<u>(下划线)<s>

注释信息

ctrl+/单行注释

2.<bdo dir=>文字顺序标签

3.超链接<a></a> (1) href ?后带信息上一层目录../ 或.. \

发送邮件mailto:邮件?cc= &bcc= &subject=主题&body=内容

1. name定位别的页面href=” #name”

对方页面中写<a name= >

(3)打开方式target =”_blank”新打开

_self覆盖

<a href="#" style="text-decoration: none">aaaaa</a>

4.瞄记<p>

5.图像标签<img src= > title alt提示 align图像对齐

use map=”#mymap”

背景图片:<div id="img" style="background-image:url(img/1.png)">

6.图像热点 map <map name=”” id=””>

<area shape=”circle” coords=坐标 href=””/> rectangle

7.列表标签无序号<ul type=”circle>

</ul>

有序号<ol type=”1”>

</ol>

8.容器标签 <div>块级标签换行

<span>行内标签不换行 block

9.表格标签 <table border=”” width=”” height=”” cellspacing=”” cellpadding=””>

<caption>表头

<tr>行<td>空单元格

<thead>表格头<tbody>表格体<tfoot>表格底 colspan合并列数 rowspan合并行数

align水平对齐

10.表单标签<form action=返回资源位置 method=“get” or”post”>

radio 员工<input type="radio" value=1 name=1/>人事<input type="radio" value=2 name=1/>

11.选择标签

传数据时de=val option不需要value

12.textarea rows= cols= name=

(1.f12 2.格式3.单个表格 4.距离)

13.框架布局frameset rows=”50px,*,50px” frameborder=

frame src=

target _parent 赋值帧

14.隐含帧<iframe> 在body中

15.<!DOCTYPE>

16.<meta> 元信息属性http-equiv（content-type refresh) name

二.CSS(cascading层叠 style sheets)（1996）

less sass

1.行内嵌入 <p style=””> 外面有双引号里面只能用单引号

2.内嵌式样式页头 <style type=”text/css”>

div{ } </style> 用;隔开

3.外部样式<link href=”” type=”text/css” rel=”stylesheet”>

4.导入外部样式<style type=”text/css”> import url=(“”) </style>

5.选择器级别 id属性类标签

(1)标签选择器（元素选择器）

(2)属性选择器h2[title]

(3)类选择器  <h1 class="center">
    This heading will be center-aligned
    </h1>    .center {text-align: center}

(4)ID选择器 <style>#h4{} </style> <id= h4 >

(5)选择器组合嵌套组合:样式相同嵌套:

(6)后代选择器 table 中用的比较广

6.伪类

：link visited hover（悬停） active（点击）

cursor: pointer变成手心

7.盒子模式 border边框像素,颜色,状态

padding内边框

margin 外边框

全是写在 <style>里

8.背景样式 background-image图像设为背景图片定位background-position(x,y)

9.文本样式 wordspacing单词间隔 letterspacing字母间隔 text-transform字符转换

10.列表样式

list-style-type list-style-position

list-style-image

backgroudposition

11.display none隐藏 ""默认值 block变成块级元素,前后都有换行符 inline内联元素(span) table-row变为表格行 list-item变为列表

ui li ui{display:none}

ui li:hover ui{display:block}

document.getElementsByTagName("div")[0].style.display="none";

11.定位

(1)普通定位：自动换行

(2)浮动定位

(3)相对定位 relative

(4).绝对定位

若要定义某个元素absolute，首先找个参照祖先；所以这里需要有一个祖先必须是非静态定位,用relative

fixed是相对于浏览器的绝对定位

abslute是相对于父容器的绝对定位

设置居中 table style position: fixed;top: 50%;left: 50%;width: 300px

;height: 20px;margin-left: -150px;margin-top: -10px

text-align: center

style="position:fixed;height: 20px"

windows-web-新建

use

右挤-open with

xml只有1.0

转载于:https://my.oschina.net/jd16manson/blog/662588