每日随记

一:audio音频与video视频

注:默认情况下,视频是不能进行拉伸得,只能成比例
object-fit:cover;覆盖操作,可以让视频覆盖整个父容器

source:

为了支持多个文件的适配问题,可以用source标签

二:新的表单控件

input type=“”email“”
input type=“url”
input type=“number”
input type=’‘range’’ minlength="" maxlength="" value="" step=""
//最小长度,最大长度,当前值,每步移动的距离
input type=’‘date’’
input type=“month”
input type=“week”

input type=’‘search’'当你写进内容之后后面会有一个x按钮
input type="color"颜色控件
input type="tel"电话号码输入框(跟普通框的区别,在移动端,会调起带数字的软键盘)
input type="time"时间控件

表单怎么吧值传给后端的
name–卡
value–钱
后端根据name拿到value
表单的新属性:autocomplete="off"关闭表单的默认信息提示(历史输入过的用户名的提示)
autofocus:自动获取光标
required:值不能为空
pattern:正则验证(js内容)

传输方式:method:数据传输方式
GET:
POST:

传输类型:
enctype:数据传输类型
application/x-www-form-urlencoded:默认传输是文本
multipart/form-data 传输的是文件

三:分栏布局
column-count:3;分栏的个数
column-width:110px;分栏的宽度
个数和宽度不要一起写
column-gap:50px;分栏的间距
column-rule:1px solid pink;分栏的边线
column-span:合并分栏 num|all

四:伪类与伪元素
#elem:after{}
#elem:hover{}

在css2.1的时候:elem:after{}√
在css3的时候#elem:after{}× #elem::after{}√
#elem:hover{}√ #elem::hover{}×
伪类:单冒号:hover :link…伪类只会对操作的元素起作用
伪元素:双冒号 --::after ::before对创建出来的虚拟容器起作用,相当于样式添加到了这个虚拟容器上

五:link标签的扩展学习


提前去进行域名的dns解析


给头标签页添加小图标

六:扩展meta标签,元信息(辅助信息)








注:网页的描述信息,有助于搜索引擎搜索。


    已哪个引擎去渲染页面。有的浏览器可能有多个引擎,chrome : webkit blink ..

    ie浏览器已什么方式渲染edge最新版进行渲染,ie9 ie10 -> edge

    每个多长时间可以对浏览器进行刷新
 
     在指定的时间内,请求资源会走缓存。

七: CSS Hack?
我们一直用的就是chrome浏览器,但是还有很多其他浏览器,当然这些浏览器都可以称为高级浏览器。

CSS Hack 解决那些古老的浏览器兼容性问题。

Hack分类
    下载:ieTester工具 , 测试在服务器环境下。

1. CSS属性前缀法
    _ + * \9 \0 ...

2. 选择器前缀法
    *html

3. IE条件注释法

    

IE6 BUG 非常多:
    1. IE6高度的最小值是19px ,解决 overflow:hidden;
    2. IE6双边距问题margin和float,解决 display:inline;

你可能感兴趣的:(每日随记)