css教程
CSS3+JS页面loading过度跳转效果
CSS3+JS页面loading过度跳转效果，字母跳动效果，具体效果如下图CSS3+JS页面loading过度跳转效果代码<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF...
css3背景渐变语法
css3背景渐变语法background: linear-gradient(0deg, #fff 0%,#000 100%);语义说明background：背景linear-gradient：渐变0deg：渐变方向，比如从左到右，从右到左，从上到下等等#fff：渐变起始颜色#000：渐变结束颜色0%，100%：透明度...
CSS中的语法缩写简写方法大全
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：margin简写这里主要用于两个属性：margin和padding，我们以margin为例，pa...
3段h1标题CSS美化代码
一段简单的CSS美化h1,h2,h3,h4,h5,h6代码，很简单css美化功能。使用的是比较简单的css样式美化的h1{padding: 0px 20px;border-left: 10px solid #ed515191;background-color: rgba(208, 208, 208,...
浏览器常见的css兼容性问题
浏览器有着大量不同的版本，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。初始化样式因浏览器兼容的问题，不同的浏览器对标签的默认样式值不同，如果不初始化会造成不同浏览器之间的显示差...
CSS如何修改元素轮廓虚边
我们在表单输入时，会看到鼠标点击input元素会出现一条蓝色轮廓虚边，如下图。搭配自己的样式不是非常美观，我的站长站教大家如何修改她。这里需要用到CSS的outline。outline语义轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的...
CSS盒子 margin外边距padding内边距border边框
以前应聘前端工作的时候，考官总喜欢问CSS盒子是什么？其实就是margin外边距和padding内边距，外加一个border边框，换了个神奇的叫法。margin外边距外边距的意思就是，元素向外的距离。代码示例margin:10px;文字代表元素本身，黄色代表外边距。padding内边距内...
CSS width控制元素宽度
width是CSS中用来控制元素宽度的，其实控制宽度不止只有width，还有其他的语法。width语义元素宽度，所有浏览器都兼容。width代码示例width:100px;宽度100像素max-width:100px;宽度最大100像素min-width:100px;宽度最小100像素...
CSS height控制元素高度
height是CSS中用来控制元素高度的，控制高度的语法也还有其他的语法。height语义元素高度，所有浏览器都兼容。height代码示例height:100px;高度100像素max-height:100px;高度最大100像素min-height:100px;高度最小100像素...
CSS * 选择器
在CSS中选择器中“*”，代表选择全部元素，我们通常用它来处理全部重置样式使用，其他地方很少使用了。语法语义选择全部元素，也可以选择另一个元素内的所有元素兼容性兼容所有浏览器语法代码示例*{padding:0px;margin:0px;}div *{background-color:yellow;...
-
01为什么bootstrap国内很少人使用 773热度
-
02IE不显示加载iconfont阿里巴巴图标的解决方法 433热度
-
03CSS文字超出省略号显示 344热度
-
043段h1标题CSS美化代码 276热度
-
05CSS定位控制上下左右坐标教程 273热度