javaScript属性
------------------------------------行内样式------------------------------------
*基本标签
html 网页的开始标记
head 网页的头部标记
body 网页的主体标记
bgcolor: 背景色;
background 背景图片
title 整个网页的标题
例如<p style="color:red"></p>
*img 图像标签:
src 图像的保存路径
width 宽度
height 高度
alt 图像的替代文字
*font 字体标签:
size 字体的大小1~7
color 颜色
face 字体的类型
*p 段落标签:
align 段落的水平对齐方式left/center/right
*h1~h6 标题标签:
*hr 水平分割线:
*ol 有序列表:
li 列表项
type 列表项目符号的类型
ul 无序列表:
dl 定义描述标签
*a 超链接:
name 锚记名
href 链接的目标位置
<a href="#Jane">点击去</a>
<a name="Jane" href="#">到这</a>
*背景相关属性:
背景颜色
background-image:"a.jpg"; 背景图片
background-repeat:no-repeat; 背景重复方式
background-position 背景偏移
----------------------------------------内部样式------------------------------------
样式表部分
style 风格
css中文本相关属性:
color 字体颜
*文本属性:
font-size :30px;字体大小
font-family :隶书;字体类型
font-style :italic/normal
font-weight:bold; 是否加粗
text-align:left/center/right 水平对齐方式
line-height:33px;行高
letter-spacing:1px; 字符间距
text-decoration 是否出现下划线underline/none
*盒子模型属性:
零散属性:
width 宽度
height 高度
*边框属性:
border-width 边框粗细
border-style 边框线型
solid:实线
dashed:虚线
dotted:点线
border-color 边框颜色
*边框属性:
border:1px solid red;
border-top/right/bottom/left:
border-width:边框粗细(单位是px);
border-style:边框线型(solid 实线;dashed 虚线);
border-color:边框颜色
*填充属性(内部距离):
padding-top:5px;上填充
padding-right:右填充
padding-bottom:下填充
padding-left:左填充
*边界属性(外部距离):
margin-top:1px;上外边界
margin-right:右外边界
margin-bottom:下外边界
margin-left:左外边界
*列表属性:
list-style:none;
如何引入外部样式表?
<link type="text/css" rel="stylesheet" href="外部样式文件的路径"/>
-----------------------------------------方法修改样式------------------------------------
function mouseOver(tr){
bc=tr.style.backgroundColor; //背景色
fc=tr.style.color; //前景色
tr.style.backgroundColor="#000";//背景色
tr.style.color="#fff";//前景色
}
---------------------------------------表格部分------------------------------------
*table 表格标签
tr 行标签
td 单元格标签
colspan 跨列
rowspan 跨行
*border 表格边框
bordercolor 边框颜色
cellspacing 单元格之间的间隙
*表格高级标签:
thead 表头标签
tbody 表格的主体
tfoot 表尾
*th 列的标题 (与td同级别)
caption 表格的标题
*属性的设置(表的行内样式)
cellspacing="0"表格的格子之间的距离
cellpadding="3px"内部文字和格子边框的距离
---------------------------------------表单部分---------------------
*form 表单容器
name 表单的名字
method 表单提交方式 get/post
action 表单提交位置
*input 常见表单元素:
type 表单元素的类型
1、text 文本框
name 表单元素的名称
value 初始值
size 文本框宽度
maxlength 最多可输入的字符个数
2、password 密码框
3、radio 单选按钮
checked 按钮选中
value 提交到服务器的值
4、checkbox 复选框
cb[i].checked = false;
5、reset 重置按钮
value 按钮上的文字
6、submit 提交按钮
7、image 图像提交按钮
8、button 普通按钮
9、file 文件上传域
10、hidden 隐藏域
11、select 下拉列表
option 下拉列表的选项
selected 选项被选中
12、textarea 多行文本框
rows 多行文本框高度
cols 多行文本框宽度
readonly 只读
---------------------框架---------------------------
frameset 框架集标签
rows 上下划分
cols 左右划分
frameborder 框架集的边框
frame 框架标签
src 网页的路径
name 框架的名字
noresize 禁止改变框架窗口的大小
scrolling 是否出现滚动条
--------------------其它----------------------------------
visibility:visible;hidden(隐藏,被隐藏的页面元素仍然占位)
display:block;inline;none(隐藏,被隐藏的页面元素不占位)
javaScript属性的更多相关文章
- (02)javascript属性
私有属性(私有变量和私有方法) 实例属性(实例变量和实例方法) 静态属性(静态变量和静态方法) <!DOCTYPE html> <html lang="en"&g ...
- JavaScript 属性类型(数据属性 访问器属性)
ECMA-2把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.” 严格来说,这就相当于说对象是一组没有特定顺序的值.对象的属性或方法都有一个名字,而每个名字映射到一个值.我们可以把E ...
- JavaScript 属性类型(数据属性和访问器属性)
数据属性 数据属性包含一个数据值的位置.在这个位置可以读取和写入值.数据属性有 4 个描述其行为的特性. [[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修 ...
- gvim如何显示html属性代码提示? vim 如何显示 javascript属性及方法提示?
gvim如何显示html属性代码 可以在vim中 显示 html, css, js等的属性/方法 提示: 一是: 在 ~/.vim/after/syntax/ 目录中 安装 css-color.vim ...
- JavaScript ---属性
获取属性 可以通过点(.)或方挂号([])运算符来获取属性的值. 对于点(.)来说,右侧必须是一个以属性名称命名的简单标识符.对于[]来说,方挂号内必须是一个计算结果为字符串的表达式. var aut ...
- 您是不是奇怪为什么 <script> 标签中没有 type="text/javascript" 属性?
在 HTML5 中该属性不是必需的.JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!
- Javascript属性constructor/prototype的底层原理
在Javascript语言中,constructor属性是专门为function而设计的,它存在于每个function的prototype属性中. 这个constructor保存了指向function ...
- JavaScript 属性描述符
属性描述符(Property Descriptor)是 ES5 之后出现的概念,顾名思义,它用于描述属性应该是什么样,例如是否只读,能否枚举,能否可配置等.所有对象属性均可使用属性描述符来定义. 属性 ...
- javascript 属性的特性
/* 属性的特性: 可以通过调用Object.getOwnPropertyDescriptor()可以获得某个对象特定属性的属性描述符, 从函数名字就可以看出, Object.getOwnProper ...
- JavaScript属性中的offsetLeft、offsetWidth、clientWidth、scrollLeft、scrollWidth、innerWidth
1.offsetLeft和offsetTop 只读属性,返回当前元素与父辈元素之间的距离(不包括边框).其中父辈元素的取法是有门道的: (1).若父辈元素中有定位的元素,那么就返回距离当前元素最近的定 ...
随机推荐
- 更新——Canvas画布动画效果之实现倒计时
Hello,大家好! 小W复活啦!继续欢乐的给大家更博,输送新知识~~ 不开玩笑啦!秒进正题~~~ 上次更博,小W给大家介绍了Canvas画布的基础部分,以及实现了一个由7*10点阵图显示的倒计时的基 ...
- JQuery自定义插件详解之Banner图滚动插件
前 言 JRedu JQuery是什么相信已经不需要详细介绍了.作为时下最火的JS库之一,JQuery将其"Write Less,Do More!"的口号发挥的极致.而帮助J ...
- python基于万象优图识别图片中的中文
最近一直在研究光学字符识别,即OCR.最开始在谷爹那里了解到了开源的Tesseract,可以拿来识别简单的英文和数字.但是识别中文的准确率并不高. 然后从Tesseract到Tesseract.js, ...
- FormView控件下DropDownList是否可以绑定
在网站下,FormView控件下是可以通过绑定DropDownList的SelectedValue属性来绑定字段来显示 举例: 1 <asp:DropDownList ID="cboU ...
- Windows 10 快捷键汇总表格
Windows 10 快捷键汇总表格 Windows 10 快捷键汇总 Win键 + Tab 激活任务视图 Win键 + A 激活操作中心 Win键 + C 通过语音激活Cortana Win键 + ...
- php中常用的字符串格式化函数
ltrim():从字符串左删除空格或其他预定义字符串 rtrim():从字符串的末端开始删除空白字符串或其它预定义字符 trim():从字符串的两端删除空白字符和其他预定字符 str_pad():把字 ...
- Python读取SQLite文件数据
近日在做项目时,意外听说有一种SQLite的数据库,相比自己之前使用的SQL Service甚是轻便,在对数据完整性.并发性要求不高的场景下可以尝试! 1.SQLite简介: SQLite是一个进程内 ...
- 自学spring AOP
本人是一个编程新手也是第一次写博客 这篇文章是我结合网上的资料和一些书籍学的 如果有不对之处请留言告知 本文介绍了AOP的两个知识点 1: 代理 代理有两种 我先写:Java静态代理 1:建立一个接口 ...
- [在线Demo]使用Hibernate多租户实现SaaS服务
上一篇文章 基于Hibernate实现多租户(Multi-Tendency)功能简单介绍了利用Hibernate的多租户功能提供SaaS服务的方法,但其中有很多不足,后来都得到了解决. 我尝试过抽取实 ...
- Java并发编程之显式锁机制
我们之前介绍过synchronized关键字实现程序的原子性操作,它的内部也是一种加锁和解锁机制,是一种声明式的编程方式,我们只需要对方法或者代码块进行声明,Java内部帮我们在调用方法之前和结束时加 ...