首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
CSS学习08-元素显示模式
CSS学习08-元素显示模式 CSS的元素显示模式 元素显示模式就是元素(标签)以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型,它们也称为块元素和行内元素。 1. 块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div&g
115
代码人生
01-01 08:00
代码人生
CSS3 媒体查询设置区间范围样式
CSS3 媒体查询设置区间范围样式 基本概述 在一些响应式前端网站开发中需要用到根据不同的区间宽度应用不同的样式的情况 基本实例 @media screen and (max-width: 720px) and (max-width: 991px) { .navbar-nav li a { padding-left: 5px!important; pad
148
代码人生
01-01 08:00
代码人生
CSS Grid布局
CSS Grid布局 CSS Grid布局 基本概念 容器 项目 Gird基本概念 容器的属性 grid-template-columns grid-template-rows grid-row-gap grid-column-gap gid-gap(3和4的简写) grid-template-areas grid-auto-flow justify-items
75
代码人生
01-01 08:00
代码人生
css 实现三角形
css 实现三角形 #demo1 { width: 0; height: 0; border-top: 100px solid rgba(255, 0, 0, 1); border-bottom: 50px solid rgba(0, 128, 0, 1); border-left: 50px solid rgba(0, 0, 255, 1); border-right:
89
代码人生
01-01 08:00
代码人生
CSS @property,让不可能变可能
CSS @property,让不可能变可能 本文主要讲讲 CSS 非常新的一个特性,CSS @property,它的出现,极大地增强的 CSS 的能力!根据MDN -- CSS Property[1],@property CSS at-rule 是 CSS Houdini API 的一部分, 它允许开发者显式地定义他们的 CSS 自定义属性,允许进行属性类型检查、设定默认值以及定义该自定义属性是否
88
代码人生
01-01 08:00
代码人生
css3自适应法宝fill-available、fit-content、max-content、min-content
css3自适应法宝fill-available、fit-content、max-content、min-content 1,fill-available表示撑满可用空间(包括高度,宽度),下面一个栗子,表示下 <style type="text/css"> .box{ width: 60%; height: 500px; border: 1px solid #f00; margin: 20p
82
代码人生
01-01 08:00
代码人生
css背景透明
css背景透明 css设置div背景透明有3种方法 方法一: 1 opacity:0~1 这个方法有个缺点,就是内容也会跟着透明 方法二: 1 background-color:rgba(0,0,0,0~1) 这个方法会使div背景透明,并且不会影响到div里的内容。 方法三: 1 background: transparent; 这个方法会使div背景透明
125
代码人生
01-01 08:00
代码人生
CSS的clip实现元素的逐渐显示和消失
CSS的clip实现元素的逐渐显示和消失 . clip属性的用法 clip属性的值指定了元素的剪切区域,目前它的剪切区域只能是矩形的。 语法:clip: rect(top right bottom left);单位:为像素为长度值,不允许使用百分比,可以使用负数,表示剪切区域的可以延伸到指定元素的长度之外;可以使用auto:表示剪切区域与相应边界一致;JavaScript语法:element.s
98
代码人生
01-01 08:00
代码人生
CSS实现开门效果
CSS实现开门效果 .door{ position: relative; width: 450px; height: 300px; border: 1px solid #000; margin: 100px auto;
96
代码人生
01-01 08:00
代码人生
css实现元素居中的几种方法
css实现元素居中的几种方法 1. .fatherBox{ width:500px; height:500px; position:relative; } .sonBox{ width:200px; height:200px; position:absolute; top:0; botton:0; left:0;
83
«
1
2
3
4
5
6
7
8
...
76
77
»