CSS重置样式Normalize.css

CSS重置样式Normalize.css
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。   normalize.css的目标如下: 保留有用的浏览器默认值,而不是删除它们。 规范化各种HTML元素的样式。 纠正错误...
点击量: 137
css笔记 2020-03-31

CSS3 @media查询的应用

CSS3 @media查询的应用
网页制作过程中经常会遇到自适应的情况,不同设备分辨率不一样,如何能使用网页适应设备呢? 在css3中有个技术@media 查询,可以帮到我们解决这个问题.   使用 @media 查询,你可以针对不同的媒体类型定义不同的...
点击量: 102
css笔记 2020-03-31

超宽图片全屏居中显示的方法

超宽图片全屏居中显示的方法
现在很多网站的图片都设计成超宽图片,在小屏显示器上显示,会遇到显示不全,不居中显示的问题。 为了网站的美观和图片达到好的效果,我们要实现在超宽图片全屏居中显示,实现方法如下: <html> <head&g...
点击量: 296
css笔记 2020-02-15

CSS3使用animation 属性设置特效例子

CSS3使用animation 属性设置特效例子
  Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 -webkit-animation 属性。 注释:Internet Explorer 9 以及更早的版本不支持 animation 属性。   div...
点击量: 367
css笔记 2019-12-27

Web安全颜色

Web安全颜色
不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。 选择特定的颜色时,浏览器会...
点击量: 440

Data URI scheme支持的类型

Data URI scheme支持的类型
      data:, 文本数据 data:text/plain, 文本数据 data:text/html, HTML代码 data:text/html;base64, base64编码的HTML代码 data:text/css, CSS代码 data:text/css;base64, base64编码的CSS代码 ...
点击量: 497
css笔记 2019-08-30

css进度条简易实现方法

css进度条简易实现方法
    css进度条 <style> progress{ -webkit-appearance: none; height:2px; width:30px; } ::-webkit-progress-bar{ /* 获取progress */ background-color: orange...
点击量: 567
css笔记 2019-07-22

CSS3 box-sizing 属性

CSS3 box-sizing 属性
Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。 Firefox 支持替代的 -moz-box-sizing 属性。   兼容性写法   box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webk...
点击量: 481
css笔记 2019-07-06