css
-
CSS实现进度条和订单进度条的方法
简单地效果图如下： CSS实现进度条： html结构： 70% css样式： 立即学习“前端免费学习笔记（深入）”； #progress{ width: 50%; height: 30px; border:1px solid #ccc; border-radius: 15px; margin…
-
CSS的相邻兄弟选择器用法示例讲解
对于有相同父元素的相邻html元素查找便可以使用css的相邻兄弟选择器,这里我们就来看一下css的相邻兄弟选择器用法简单讲解: 可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item1不会有 HTML代码： item1 item2 item3 …
-
利用CSS伪元素创建带三角形的提示框的实现技巧
下面小编就为大家带来一篇利用css伪元素创建带三角形的提示框的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧 CSS伪元素非常有用，它提供了一种无需多余的DOM元素来实现一些常见的功能的方法，以下利用其实现一个带三角形的tooltip。 下面是DOM结构：下面…
-
CSS使用盒模型实例讲解分析
盒子是css中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距，百分数总是根包含块的宽度…
-
浅谈CSS浮动的方法介绍
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动元素之后的元素将围绕它。 浮动元素之前的元素将不会受到影响。 立即学习“前端免费学习笔记（深入）”； 正文 浮动是一种半脱离文档流的状态，他不像绝…
-
css常用属性伪元素和伪元素的总结
前面几遍中我们分别说到了id选择器和class选择器，以及它们的区别和联系，下面大家一起来探究一下神奇的为类和伪元素吧。 其实以前我对伪类和伪元素也是搞得稀里糊涂的，现在决定剥开它神秘的外衣，首先，究竟什么是伪类？什么是伪元素？ 伪类和伪元素的理解： 官方解释： 伪类一开始只是用来表示一些元素的动态…
-
整理的最全的css clearfix清除浮动的方法
css中经常使用clearfix清除浮动,作者列出了几个clearfix的不同的使用方法进行对比,需要的朋友可以参考下css clearfix清除浮动的方法.(css为什么要清除浮动(float)？ 清除浮动的原理是什么) 一，什么是.clearfix 你只要到Google或者Baidu随便一搜&#…
-
CSS样式覆盖规则的详细介绍
大家都知道css的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。样式覆盖（这种叫法更大众化些）遵循一定的规则，之前我对这个规则一直似懂非懂的，…
-
详细介绍CSS样式权值
内联样式表(inline style)>内部样式表(internal style sheet)>外部样式表(external style sheet) 例外：但如果外部样式表放在内部样式表下边引用,则外部样式表>内部样式表; 1,内联样式表权值为1000; 2,ID选择器的权值为1…
-
CSS实现三角效果的实例详解
方法一：使用border来设置边框，元素有高度和宽度 .triangle { transform: rotate(45deg); display: block; width: 12px; height: 12px; border: 1px solid #9e9e9e; border-top-colo…
