HTML笔记

8.8

1.按钮补充

还有一种图片按钮，点击图片时会提交数据,相对于提交按钮只多了一个src属性，里面填图片路径

<input type= "image">

2.只读属性和禁用属性

readonly（只读）

readonly 属性规定输入字段为只读,但其value值仍会被表单提交 readonly属性只针对text、password和textarea有效

disabled（禁用）

disabled属性规定禁用该表单元素，其value值不会被表单提交 disabled属性对所有表单元素均有效，包括select, radio, checkbox, button等 使用disabled属性后表单元素背景会变成灰色

3.input type属性值的补充

每个属性值所展示的样式也不相同，根据不同场景选择不同属性值使用

4.边框添加文字

给边框的左上角添加文字信息，很少用

 <fieldset>
  <legend>添加的文字</legend>
 </fieldset>

5.frameset框架集

将一个页面拆分为几个区域，将每一个区域用一个单独的html来控制，frameset中使用row来进行横向拆分，里面需要两个数值，每个数值表示每个区域占比，cols同row属性解释。frameborder属性值使用0或1规定是否显示框架边框，border设置边框粗细。frame属性中，noresize 规定无法调整框架的大，scrolling使用属性值yes/no/auto规定框架是否出现滚动条，src可连接一个单独的html来控制单独的区域剩余属性同上。注意：frameset表示将整个页面（body）拆分，需要写在head与body之间

<frameset>
    <frame>
    </frame>
</frameset>

6.iframe内联框架

在一个页面中划分一块区域用一个单独的html来控制，属性值同上，可相互嵌套

<iframe>
</iframe>

7.详情标签

 summary表示只显示这一行，在summary标签之间的文本左侧会出现三角符号，点击会出现被隐藏的内容，注意：被隐藏的内容不仅仅时p标签，还可以是其他任意标签

<details>
  <summary>点击查看更多</summary>
  <p>隐藏的内容</p>
</details>

8.a标签target属性的补充与解释

_blank表示在新建窗口打开

 _parent表示在父元素窗口打开

_self表示会在相同的框架或者窗口中打开链接

_top表示在顶级元素打开有页面，也就是当前页面

9.css的颜色表示方法

9.1单词表示

使用red，green，bule之类的英文单词表示颜色

9.2十六进制表示

#开头后跟三个值或六个值

9.3rgb表示

格式如下rgb（  ， ， ）空白处给三个值，范围是0~255

9.4rgba表示

格式如下rgba（  ， ， ， ）空白处给四个值前三个值的范围是0~255，最后一个值范围是0~1表示透明度

10.css的长度单位

长度单位一般分为两类，分别是绝对长度单位和相对长度单位，相对长度单位在css的使用中可以进行运算

10.1绝对长度单位

在实际生活中使用的长度单位，例如cm，mm，in（英寸），pt（点）

换算比例：1in = 2.54cm = 25.4 mm = 72pt

10.2相对长度单位

在css中使用的，较为抽象的单位

px ：像素

% ：百分比

em : 根据父级文档字体计算尺寸，默认情况下浏览器默认的字体大小为16px

rem :根据根文档（ body/html ）字体计算尺寸

10.3长度的计算

calc（）：用来指定元素的长度，calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。 需要注意的是，运算符前后都需要保留一个空格。