CSS共28篇
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
css绝对定位居中-红穆笔记

css绝对定位居中

css绝对定位居中的实现方法有很多,下面将给大家介绍css绝对定位居中的四种方法。 1、兼容性不错的主流css绝对定位居中的用法: .conter{ width:600px;height:400px; position:absolute;left:50...
红穆的头像-红穆笔记红穆2年前
03007
css 创建悬停时旋转的双面卡-红穆笔记

css 创建悬停时旋转的双面卡

创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初,将卡的背面设置为 ,将正面设置为 。 rotateY()-180deg0deg悬停后,将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
红穆的头像-红穆笔记红穆3年前
09715
css 兄弟姐妹褪色-红穆笔记

css 兄弟姐妹褪色

淡出悬停项的同级。 使用 a 对 所做的更改进行动画处理。 transitionopacity使用 和 伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5 <div class="sibling-fade&...
红穆的头像-红穆笔记红穆3年前
02275
CSS border-红穆笔记

CSS border

div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性,用于设置四个 border-radius 属性。提示:该属性允许您为元素添加圆角边框!默认值:0继承性:no版...
红穆的头像-红穆笔记红穆3年前
08813
css normalize.css是做什么的?-红穆笔记

css normalize.css是做什么的?

Normalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供...
红穆的头像-红穆笔记红穆3年前
026110
HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路-红穆笔记

HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路

先利用Swiper 来实现左右滑动!再用HTML+css实现文字图片布局显示!代码: 
红穆的头像-红穆笔记红穆1年前
01046
css 鼠标悬停 出现菜单-红穆笔记

css 鼠标悬停 出现菜单

当用户将鼠标悬停在图像上时显示菜单叠加。 使用 a 包装元素和将包含菜单链接的元素。 <figure> <img> <div>使用 and 属性在悬停时对图像进行动画处理,从而创建滑动效果。 o...
红穆的头像-红穆笔记红穆3年前
02425
CSS 圆角-红穆笔记

CSS 圆角

CSS 圆角通过 CSS border-radius 属性,可以实现任何元素的“圆角”样式。CSS border-radius 属性CSS border-radius 属性定义元素角的半径。提示:您可以使用此属性为元素添加圆角!这里有三个...
红穆的头像-红穆笔记红穆3年前
013810
css3 border属性总结(如何设置边框虚线?)-红穆笔记

css3 border属性总结(如何设置边框虚线?)

border语法:border:<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style> = none | hidden | dotte...
红穆的头像-红穆笔记红穆3年前
015914
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色-红穆笔记

li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色

要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href='#'>...
红穆的头像-红穆笔记红穆12个月前
010813
css3 2D动画(transform)-红穆笔记

css3 2D动画(transform)

transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
红穆的头像-红穆笔记红穆3年前
0977
css如何设置p标签不换行?-红穆笔记

css如何设置p标签不换行?

p标签是块级元素,会独占一行。如果我们想要设置两个p标签在同一行该如何设置呢?下面我们来看一下使用css设置p标签不换行的方法。默认情况下p标签会自动换行的,下面我们来看一下使用css设置p...
红穆的头像-红穆笔记红穆3年前
01626