HTML中可扩展的标签、属性和方法;

b标签:加粗显示和strong标签一样
区别:总结:<b>为了加粗而加粗,<strong>为了标明重点而加粗。
i标签:斜体显示和em、cite标签一样
区别:em是强调 cite是引用i是斜体 italic <i> 标签显示斜体文本效果。
u标签:表示一串字符显示下划线
sup和sub:
sup是上标,sup是下标
一般上标用来表示数学公式,下标用来表示化学公式


段落对其属性:align=对齐方式:right center left
不换行标记:nobr
换行:br
水平线:hr  并且水平线可以设置宽和高对齐方式和颜色等等
水平线去阴影:noshade

设置滚动文字:marquee
	滚动方向:direction属性:up down left right
	滚动方式:behavior 属性:
		scroll:循环滚动,默认效果
		slide:之滚动一次就停止
		alternate:来回交替进行滚动
	滚动速度属性:scrollamount 标记用于设置文字滚动的快慢 说明:滚动的速度实际上是设置滚动文字每次移动的长度,以像素为单位
	滚动延迟属性--scrolldelay 用于设置滚动文字的时间间隔 单位为毫秒 
	滚动循环属性:loop 单位循环次数
	滚动范围属性:
		width宽  height高 以像素为单位
	滚动背景颜色属性:
		bgcolor 单位是颜色
	滚动空间属性:---设置滚动文字周围的文字与滚动背景之间的空白空间 单位是像素范围
		hspace :水平范围
		vspace :垂直范围
img设置水平间距:hspace
img设置垂直间距:vspace
设置img的对齐方式:
	bottom 把图像与底部都对齐
	top 把图像与顶部对齐
	middle 把图像与中央对齐
	left 把图像与左边对齐
	right 把图像与右边对齐

设置背景音乐:
bgsound
用法:src=“音乐地址” loop=“循环播放次数”

设置a标签中邮箱属性:
mailto=邮箱地址
相关属性:
	cc 抄送收件人
	subject 邮箱主题
	bcc 暗送收件人
	body 邮箱内容
<a href="mailto:电子邮箱地址?cc=电子邮箱地址?subject=电子邮箱主题?bcc=电子邮件地址?body=电子邮箱内容"/>

	accesskey的连接可以设置(alt+键位)而指定的快捷点
定义鼠标敏感区元素(area)rect(矩形区域),circle(椭圆区域)和poly(多边形区域)
		鼠标敏感区坐标:coords
				矩形区域:需要四个坐标来实现:coords="x,y,z,n"
				圆形区域:需要三个坐标来实现:coords="x,y,z"
				多边形区域:定义一个多边形区域要使用和顶点数目相同的坐标组来实现:coords="x1,y1,x2,y2..."
				
				

				
				
				
				
				
单元格间距:cellspacing

单元格边距:cellpadding


表格的背景颜色:
bgcolor
设计表头的样式
thead
设计表主体样式tbody

form表单
	动作属性:
	action
		form action=“表单的处理程序”

	发送数据的方式属性method
		form menthod=“传送方法”
			传送方式有两种: 
			get:表单数据被传送给到action属性指定的URL,然后这个新URL被传送到处理程序上。
			post:表单数据被包含在表单主体中,然后被送到处理程序上。
	名臣属性name
		form name="表单名称"
			表单名称中不能包含特殊字符和空格

新增的主体结构元素:
	article元素:
	具有独立的 结构。为了定义这个结构,可以利用前面介绍的header和footer标签的丰富功能。他们不仅仅能够用在正文中也能够用在文档中
	article表示插件:
		他的作用是使插件看起来好像内嵌在页面中一样
	hgroup元素
		hgroup元素通常会将h1~h6进行分组
	address元素
		address元素通常位于文档的末尾,address元素用来在文档中呈现联系信息,包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等。address不只是用来呈现电子邮箱或真是地址这样的地址,而应该包扩与文档常见人相关的各类联系方式


css控制段落格式:
	单词间隔:word-spacing
	word-spacing:值
	
	字符间隔:letter-spacing
	letter-spacing:值
	
	文字修饰:text-decoration
	text-decoration:值
		属性:none 默认  underline 对文字添加下划线 overline 对文字添加上划线 line-through 对文字添加删除线 blink 闪烁文字效果
	
	文本转换:text-transform
	text-transform:转换值
		属性:none 表示使用原始值 lowercase 表示每个单词的第一个字母大写 uppercase 表示使每个单词的所有字母大写
		capitalize 表示使每个字的所有字母小写
	
	文本缩进:text-indent
	text-indent:缩进值
		缩进值可以是长度或者百分比
		
	处理空白:white-space
	white-space:值
	取值:
	normal:是默认值,即将连续的多个空格合并。
	pre:会导致源代码中的额空格和换行符呗保留,但这一选项只有在internet Explorer6中才能正确显示
	nowrap:强制在同一行内显示所有文本,直到文本结束或者遇到br标签。
	pre-wrap:保留空白符序列,但是正常地进行换行。
	pre-line:合并空白符序列,但是保留换行符。
	inherit:规定应该从父元素继承white-space属性的值
	
滤镜
	常见的滤镜属性:
	Alpha  设置透明度
	Blur   建立模糊效果
	Chroma 把指定的颜色设置为透明
	DropShadow 建立一种便宜的影像轮廓,即投射阴影
	FlipH 水平反转
	FlipV 垂直反转
	Glow  为对象的外边界增加光效
	Gray  降低图片的彩色度
	Invert  将色彩,饱和度及亮度值完全反转建立底片效果
	Ling  在一个对象上进行灯光投影
	Mask  为一个对象建立透明膜
	Shadow  建立一个对象的固体轮廓,即阴影效果
	Wave  在X轴和Y轴方向利用正弦波纹打乱图片
	Xray  只显示对象的轮廓
	
	不透明度:alpha
	语法:filter:alpha(参数1=参数值,参数2=参数值…)
	
	 参数值:
	 opacity 设置对象的不透明度,取值范围为0~100,默认值为0
	 finishopacity 可选项设置对像透明渐变的结束透明度。取值0~100
	 style 用于指定渐进的形状,其中0表示无渐进 1为直线渐进,2为圆形渐进,3为矩形渐进
	 startx  设置透明渐变开始点的垂直坐标
	 finishx  设置透明渐变街书店的水平座标
	 finishy  设置透明渐变街书店的垂直坐标
	 
	 动感模糊:blur
	 语法:filter:blur(add=参数值,direction=参数值,strength=参数值)
	 参数值:
	 add  布尔值,设置滤镜是否激活,它可以取得值包括true和false
	 direction  用来设置模糊方向,按顺时针得方向以45°为单位进行累积
	 strength  只能使用整数来指定,代表有多小像素得宽度将受到影响,默认是5个

	对颜色进行透明处理 chroma
	filter:chroma(color=颜色代码或颜色关键字)
		chroma滤镜用于将对象中指定的颜色显示为透明
			参数color即为要透明的颜色
	
	设置阴影DropShadow
	dropShadow(color=阴影颜色,offx=参数值,offy=参数值,positive=参数值);
	参数:
		color  设置阴影的颜色
		offx    用于设置阴影相对图像移动的水平距离
		offy   用于设置阴影相对图像移动的垂直距离
		positive  是一个布尔值(01),其中0指的是透明像素生成阴影,1指的是不透明像素生成阴影
	对象的翻转
	flipH滤镜用于设置沿水平方向翻转对象,flipV滤镜属性用于设置沿垂直方向翻转
	
	灰度处理
	gray
	Gray可以把一副图片变成灰度图
	filter:Gray;
	
	反相invert
	可以把对象的可视化属性全部翻转,包括色彩、亮度值和饱和度。
	
	X光片效果xray
	用于加亮对象的轮廓,呈现所谓得X光片
	
	波形滤镜wave
	用于为对象内容建立波浪效果。
	基本语法:
	filter:wave(add=参数值,freq=参数值,lightstrength=参数值,phase=参数值,strength=参数值)
	add:是否要把对象按照波形样式打乱,其默认值是true
	freq:设置滤镜建立的波浪数目
	lightstrength:设置波纹增强光影效果,取值范围为0~100
	phase:设置正弦波开始处的相位偏移
	strength:设置对象为基准的在运动方向上的向外扩散距离
	
背景图片定位:
	设置背景图片的水平位置:background-position(x)
	设置背景图片的垂直位置:background-position(y)
	
设置盒子的定位的静态定位:(static)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值