html中增大超链接的区域,HTML 快速复习

加粗不用特别记忆

HTML扩展名

.html 和.htm

声明,引用官方DTD文件,DTD文件时对标签的使用进行定义。

name ="keywords" 告诉搜索引擎网页关键字

"description"告诉搜索引擎网站主要内容

"author" 介绍作者信息

"Refresh"网页定制跳转  需要添加URL =""

content = "xx,xx,xx"


~<6> 大小递减

align = ""

center、left、right、justify

&nbsp

&lt

常用选择器、标签、类、ID、属性选择器

#a .b  p{color:red;}  *{}四种选择器

Css具有继承性,text font line开头的属性一级color属性都可以继承

!import>行内>ID>类>标签

ul .mylist li a {}  后代选择器

ul>li {} 子代选择器

伪类选择器(查其他资料)

UI元素状态选择器

属性选择器  [class^=d] {}

块级元素总是独占一行,宽度、高度、内边距、外边距都可控制

行内元素和相邻行内元素在同一行表示,宽度、高度、内边距的 padding-top/padding-bottom 和外边距的margin-top/margin-bottom都不可改变,

但是内边距padding-left/padding-right和外边距的 margin-left/margin-right都可以改变

浏览器还有默认行内元素他们拥有内在尺寸,可设置高宽,但是不会换行,比如input、img、buttom

font-weight 定义字体粗细

font-style 设置字体风格,字体显示样式。

normal  默认

oblique 倾斜字体

italic      斜体

inherit    从父元素继承

font-size  设置字体大小

设置px

larger 相对父元素字体尺寸相对增大

smaller 相对父相对减小

lenght 百分比或浮点数单位组成长度值

font-family 设置字体类型

:微软雅黑;   :华文彩云;

line-height 设置行高  px单位

字体复合属性:

font :

顺序

font -style font -variant font -weight font-size font -family

后两个必须保持顺序前三个可以不写或者打乱顺序

文本颜色属性:

color

red

#a3c70c

rgb(xxx,xxx,xxx)

首行缩进text-index

百分比、浮点数、单位表示、允许负值

字体间距 letter-spacing

取值可以为正可以为负  em、px

单词间距 word-spacing

文本对齐方式  taxt-align

center

left

right

justify  文本两端对齐

inherit  继承父元素对齐

文本垂直对齐 vertical-align

可以使用服务器字体

rbga() 和opacity 区别

rbga作用于文字本身透明度,opacity作用于元素及内所有子元素透明度。

图像格式

GIF,图像文件小、下载块、可执行透明区域

PNG,不失真,剑油GIF和JPG色彩模式,网络传输快、无损数据压缩。

标签

参数:

alt   图片不显示时的替代文本  text

title 为元素提供信息

src  路径  url

height  高度 px  %

width   宽度 px  %

相对路径以index.html做参照

边框

border :px  style  color

1px  solid #16457ff;

border-radius  设置图像圆角。

可以设置4个值,设置一个值时 表示4个角设置相同圆角。

box-shadow 设置图像阴影

box-shadow:x,y,blur,color ;  x,y表示垂直位移,blur表示模糊半径最后一个颜色

图像与文字的对齐方式

.class{

vertical-align:

}  放在img的class中

图文混排 设置图片浮动

背景颜色:

background-color:

背景图:

background-image:url(“src”);

背景图平铺

background-repeat :  no-repeat; 一般用no-repeat

背景图位置:

background-position

可以单独指定

left  top   如果仅指定一个位置其他值都是center

background-position:%x,%y  使用百分比 左上角0%0% ,右下角100% 100%;

background-position:px,px;

inherit 从父元素继承

渐变背景

线性渐变(linear-gradient)和径向渐变(radial-gradient)

linear-gradient(方向,颜色1,位置1,颜色2,位置2...)

兼容参数

-webkit-linear-gradient(方向,颜色1,位置1,颜色2,位置2...)

常用

background :-webkit-linear-gradient(方向,颜色1,位置1,颜色2,位置2...)

line-height 和height设置一样大小,可以实现单行文字垂直居中。

超链接

target 打开方式

值:_blank在新窗口中打开,_self在自身窗口中打开

可以定义图片热点区域,一张图片上有多个不同的超链接

锚点

超链接到其他页面的锚点

text-decoration:none;去掉超链接中的下划线

a:link  设置a未被访问前的样式

a:visited 设置a对象在某链接地址已被访问过的样式

a:hover 设置a对象在鼠标指针悬浮时的样式

a:active  设置a对象在被用户点击未松开的样式

display:none  与visibility:hidden区别?

display:none 会把元素完全溢出不占空间,visibility元素继续占用空间只是不可见

display是非继承的,visibility:visible是继承的。

ul参数

list-style: 设置符号一般为none;可以设置图片数字字母

css sprites 是精灵图 将一个页面所有涉及的图片制成一张大图,利用background进行背景定位,减少http请求,提高性能

为什么现在开发很少使用table布局?

由于html中table标签卢兰速度慢,table内容是自适应的,为了自适应需要计算,可能出现一段时间空白。

表单基本结构

form

属性action、method、name

表单input标签

常用type

text、password、hidden(隐藏域)、radio、checkbox

标签,在label元素内点击文本就会触发此空间

设置label的for属性与其相关元素id属性相同

自定义按钮

与input的button相比可以提供更强大的功能,按钮中可以包括图像或者文本。

属性:

name、type、value(初始值)、disabled(是否禁用)

使用

将表单内相关元素分组

注册

d6705214fef610c2e927334a737afb26.png

多行文本域

input新的表单类型

email、url、number、range(一定范围数字值输入域)、rdata pickers(日期选择器)、search(搜索域)、color(颜色选择器)、tel电话验证

meter定义度量衡 比如磁盘用量、查询结果相关性

progress定义运行中任务进度、进程、入下载文件到本地的进度值

keygen提供验证用户的可靠方法。

formaction  属性让表单内的元素提交到不同url

formmethod 属性 可以动态的设置表单以post或者get方式提交,覆盖form元素原有的method属性。一般设置在submit上

autofocus  属性用于页面加载完后,某个表单自动获得焦点  autofocus=“autofocus”

placeholder 属性 用于设置文本框或者文本域中未输入内容时显示的内容,当用户获得该文本框的焦点或输入时候,该属性值就会消失。

list属性需要结合标签一起使用。

效果是类似百度搜索框的下拉菜单

autocomplete 属性,是否启动自动完成功能,自动完成功能当用户在字段开始输入时,浏览器基于之前的输入的值显示出在字段中填写的选项。

HTML5 新增客户端效验

required  表单不能为空 属性值可以使required或省略

pattern 定义表单满足相应的正则表达式。

novalidata 禁用整个表单验证功能

-

标签:复习,元素,表单,HTML,设置,font,快速,选择器,属性

来源: https://www.cnblogs.com/thotf/p/12664737.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值