摘要：
CSS新特性 自定义属性： CSS自定义属性(也叫做"CSS变量")，在目前所有的现代浏览器都得到了支持. 用法： 定义与使用 计算 默认值 作用域 shapes: CSS Shapes可以实现不规则的文字环绕效果，需要和浮动配合使用。 使用： shape-outside 实现不规则图形环绕 cli 阅读全文
posted @ 2021-02-07 22:38
泰初
阅读(526)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:59
泰初
阅读(517)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:58
泰初
阅读(222)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:57
泰初
阅读(368)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:55
泰初
阅读(544)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:53
泰初
阅读(258)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:51
泰初
阅读(690)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:50
泰初
阅读(648)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:48
泰初
阅读(550)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:46
泰初
阅读(434)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:44
泰初
阅读(865)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:42
泰初
阅读(114)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:41
泰初
阅读(80)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:39
泰初
阅读(135)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-02-07 12:37
泰初
阅读(115)
评论(0)
推荐(0)
摘要：
渐进增强与优雅降级 渐进增强： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高版本的浏览器进行效果、交互等改进和追加功能以达到更好的用户体验。 优雅降级： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 阅读全文
posted @ 2021-02-07 12:17
泰初
阅读(86)
评论(0)
推荐(0)
摘要：
IE低版本BUG 常见兼容问题： 1、透明度 opacity在IE8以下版本不识别 解决方法： opacity:0.5;filter:alpha(opacity=50); (过滤器中的opacity的值是0~100) 2、双边距(IE6 BUG) 出现状况：左浮动，且有margin-left，块状元 阅读全文
posted @ 2021-02-07 12:16
泰初
阅读(62)
评论(0)
推荐(0)
摘要：
CSS Hack CSS Hack用来解决浏览器的兼容问题，为不同版本的浏览器定制编写不同的CSS效果，使用每个浏览器单独识别的样式代码，控制浏览器的显示效果 Hack分类： 1、CSS属性前缀法 在CSS样式属性名前添加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展示效果。 .el 阅读全文
posted @ 2021-02-07 12:13
泰初
阅读(642)
评论(0)
推荐(0)
摘要：
伪类和伪元素 CSS3规定， 伪类由一个冒号开始，然后为伪类的名称。例如： :after 伪元素由两个冒号开始，然后为伪元素的名称。例如： ::after 伪类的概念： 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多的信息。通常表示获取不存在与DOM树中的信息，或获取不能被常规CSS选择 阅读全文
posted @ 2021-02-07 12:09
泰初
阅读(195)
评论(0)
推荐(0)
摘要：
背景图扩展样式 background-size 背景图大小 cover: 覆盖 contain: 包含 background-origin: 背景图的填充位置 padding-box 默认 border-box content-box background-clip: 背景图的裁切方式 paddin 阅读全文
posted @ 2021-02-07 12:06
泰初
阅读(250)
评论(0)
推荐(0)
摘要：
animation动画 animation-name: 设置动画的名字（自定义） animation-duration: 动画的持续时间 animation-delay: 动画的延迟时间 animation-iteration-count: 动画的重复次数，默认为1，infinite无限次 anim 阅读全文
posted @ 2021-02-07 11:56
泰初
阅读(1733)
评论(0)
推荐(0)
摘要：
Transition过渡 transition-property： 规定设置过渡效果的CSS属性样式 transition-duration: 规定完成过渡效果需要多少秒或毫秒 transition-delay: 完成过渡效果时什么时候开始 transition-timing-function: 规 阅读全文
posted @ 2021-02-07 11:50
泰初
阅读(394)
评论(0)
推荐(0)
摘要：
浏览器前缀 CSS3去兼容不同的浏览器，主要是针对浏览器旧的版本，新浏览器基本不需要。 浏览器名称 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera(欧鹏) Presto -o- Chrome Webkit -webkit- Safari Webkit 阅读全文
posted @ 2021-02-07 11:16
泰初
阅读(377)
评论(0)
推荐(0)
摘要：
一、表格扩展学习 添加单线：border-collapse:collapse 隐藏空单元：empty-cells:hide 斜线分类：border/rotate 列分组：colgroup/col 二、表单扩展学习 美化表单控件： 1、label+checked 2、position + opacit 阅读全文
posted @ 2021-02-07 11:04
泰初
阅读(219)
评论(0)
推荐(0)
摘要：
H5新语义化标签： header main footer nav hgroup article aside ection： 区域 figure: 描述视频或图像 figcaption： 描述视频或图像的标题部分 举例： <figure> <img /> <figcaption>图片标题</figca 阅读全文
posted @ 2021-02-07 10:59
泰初
阅读(71)
评论(0)
推荐(0)
摘要：
HTML与XHTML的区别在哪里： （1）DOCTYPE文档及编码 （2）元素大小写 （3）属性布尔值 （4）属性引号 （5）图片的alt值 （6）单标签的写法 （7）双标签闭合 引用标签： blockquote 引用大段的段落解释 q 引用小段的短语解释 abbr 缩写或首字母缩略词 adress 阅读全文
posted @ 2021-02-07 10:55
泰初
阅读(60)
评论(0)
推荐(0)
摘要：
CSS Sprite 特性： CSS雪碧也叫做CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图上去加载 好处： 可以减少图片的质量，网页的图片加载速度块 减少图片的请求次数，加快网页的打开 阅读全文
posted @ 2021-02-07 10:13
泰初
阅读(172)
评论(0)
推荐(0)
摘要：
CSS定位 position 属性规定元素的定位类型。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。position主要的值: static(默认) 默认值。没有定位，元素 阅读全文
posted @ 2021-02-07 10:10
泰初
阅读(108)
评论(0)
推荐(0)
摘要：
float浮动现象： 脱离文档流，延迟父容器靠左或靠右进行排列。 float:right / left / none 注意点： （1）只会影响后面的元素 （2）内容默认提升半层 （3）默认宽根据内容决定 （4）换行排列 （5）主要给块元素添加，但也可以给内联元素添加 如何清除浮动： 一、上下排列时： 阅读全文
posted @ 2021-02-07 09:58
泰初
阅读(142)
评论(0)
推荐(0)
摘要：
一、css默认样式 没有默认样式的： div span 有默认样式的： body -> margin:8px h1 -> margin: 上下 21.440px p -> margin: 上下 16px ul -> margin: 上下 16px padding: 左 40px 默认点：list-s 阅读全文
posted @ 2021-02-07 09:51
泰初
阅读(604)
评论(0)
推荐(0)
摘要：
一、显示框类型 display 属性规定元素应该生成的框的类型。 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 disp 阅读全文
posted @ 2021-02-07 09:46
泰初
阅读(259)
评论(0)
推荐(0)
摘要：
在表格、表单中我们可以经常见到标签嵌套，如： ul li ol li table tr td dl dt dd 标签嵌套的一般规则如下： 块标签能够嵌套内联标签，块标签不一定能嵌套块标签(如p标签不可以嵌套其他块标签)，内联不能嵌套块(存在特殊情况a标签，它可以嵌套div)： <div> <span 阅读全文
posted @ 2021-02-07 08:47
泰初
阅读(465)
评论(0)
推荐(1)
摘要：
一、CSS背景样式 background-color 背景色 background-image 背景图（默认水平垂直都铺满） background-repeat 平铺方式 background-position: 背景位置 x y : number(px,%) | 单词 x : left cente 阅读全文
posted @ 2021-02-07 08:30
泰初
阅读(438)
评论(0)
推荐(0)
浙公网安备 33010602011771号