Java学习进程——前端学习

HTML标签：

<hn>...</hn> 其中n为1--6的值。 标题标签（加粗、独⽴立⾏行行）
<i>...</i> 斜体
<em>...</em> 强调斜体
<b>...</b> 加粗
<strong>...</strong> 强调加粗
<cite></cite> 作品的标题（引⽤用）
_... 下标  ^... 上标
<del>...</del> 删除线

<br/> 换⾏行行
<p>...</p> 换段
<hr /> ⽔水平分割线
列表：
<ul>...</ul> ⽆无序列列表
<ol>...</ol> 有序列列表 其中type类型值：A a I i 1 start属性表示起始值
<li>...</li> 列列表项

去除列表项目编号：

list-style：none；
<dl>...</dl> ⾃自定义列列表
<dt>...</dt> ⾃自定义列列表头
<dd>...</dd> ⾃自定义列列表内容
<div>...</div> 常⽤用于组合块级元素，以便便通过 CSS 来对这些元素进⾏行行格式化
<span>...</span> 常⽤用于包含的⽂文本，您可以使⽤用 CSS 对它定义样式，或者使⽤用 JavaScript 对它进⾏行行操作。

 

img标签属性：

src： 图⽚片名及url地址
alt: 图⽚片加载失败时的提示信息
title：⽂文字提示属性
width：图⽚片宽度
height：图⽚片⾼高度
border：边框线粗细

表格：

表单（from）：

form标签常⽤用属性：
*action属性:提交的⽬目标地址(URL)
*method属性:提交⽅方式:get(默认)和post
get⽅方式是URL地址栏可⻅见,⻓长度受限制(IE2k ⽕火狐8k),相对不不安全.
post⽅方式是URL地址不不可⻅见,⻓长度不不受限制,相对安全.
enctype:提交类型
target: 在何处打开⽬目标 URL。
name:属性为表单起个名字.在HTML5中使⽤用 id 代替。

具体字段：

*type属性:表示表单项的类型:值如下:
text:单⾏行行⽂文本框
password:密码输⼊入框
checkbox:多选框 注意要提供value值
radio:单选框 注意要提供value值
file:⽂文件上传选择框
button:普通按钮
submit:提交按钮
image:图⽚片提交按钮
reset:重置按钮, 还原到开始(第⼀一次打开时)的效果
hidden:主表单隐藏域,要是和表单⼀一块提交的信息,但是不不需要⽤用户修改
email ⽤用于应该包含 e-mail 地址的输⼊入域
url ⽤用于应该包含 URL 地址的输⼊入域
number ⽤用于应该包含数值的输⼊入域。
max 规定允许的最⼤大值
min 规定允许的最⼩小值
step 规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）
value 规定默认值
range ⽤用于应该包含⼀一定范围内数字值的输⼊入域，显示为滑动条
max 规定允许的最⼤大值
min 规定允许的最⼩小值
step 规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）
value 规定默认值
⽇日期选择器器 Date pickers
date - 选取⽇日、⽉月、年年
month - 选取⽉月、年年

*name属性: 表单项名,⽤用于存储内容值的
*value属性: 输⼊入的值(默认指定值)
*placeholder: 预期值的简短的提示信息
size属性: 输⼊入框的宽度值
maxlength属性: 输⼊入框的输⼊入内容的最⼤大⻓长度
readonly属性: 对输⼊入框只读属性
*disabled属性: 禁⽤用属性
*checked属性: 对选择框指定默认选项

CSS基础：

CSS中有三种样式表选择:

html:

<p class="p1"  id="p2"></p>

外部样式表：

p{
color:red;
text-align:center;
}

类选择器：

.p1{

color:red;
text-align:center;

}

id选择器：

#p2{

color:red;
text-align:center;

}

CSS常用属性：

字体属性：

font-size: 字体⼤大⼩小：20px，60%基于⽗父对象的百分⽐比取值
font-family： 字体：宋体，Arial

文本属性：

text-align: ⽂文本的位置：left center right

text-decoration: 字体画线：none⽆无、underline下画线，line-through贯穿线

text-shadow: 文本的文字是否有阴影及模糊效果

letter-spacing: 文字或字母的间距

line-height：行高 

color： 字体颜色

背景属性：

background-color: 背景颜色
background-image: 背景图片
background-repeat：是否重复，如何重复?(平铺)
background-position：定位

background-size: 背景大小，如 background-size:100px 140px;

边框：

border:宽度 样式 颜色;
border-color;
border-style; 边框样式：solid实现，dotted点状线，dashed虚线

border-radius：圆⻆角处理理

padding：内边框       margin：外边框

定位：

position: 定位方式：absolute(绝对定位)、fixed(固定)

JavaScript：

document.getElementById("id");

jQuery：

$();获取节点