css
-
浅谈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…
-
CSS之关于clearfix清除浮动方法
一，什么是.clearfix 你只要到Google或者Baidu随便一搜”css清除浮动”，就会发现很多网站都讲到”盒子清除内部浮动时可以用到.clearfix”。 .clearfix:after { content: ” “; display: bl…
-
css常用属性之颜色和单位
在css代码编写中，估计颜色和单位是必不可少的，然而在css中关于颜色和单位值的写法有很多种写法，所以有必要把它弄清楚。 颜色 当初我在初学前端的时候，就会冒出一个疑问“我该如何设置网页颜色？”，一般常用英文颜色名或者十六进制颜色值来设置颜色，但是css中还有一些其他较为复杂的写法。 RGB颜色 计…
-
css盒子边框样式介绍
边框样式有全边框和单个边框样式，可对每条边设置不同的样式 如下代码P1为全边框样式，P2为单个边框设置不同的样式: css边框样式 #p1{ background: yellowgreen; border:4px dotted rebeccapurple; border-radius: 20px; …
-
css文本样式及控制文本的大小写方法
常用文本样式如下: text文本样式 h3{ /*text-indent:首行缩进*/ text-indent: -2em; padding-left:2em; /*text-shadow:必需。水平阴影的位置。允许负值。 必需。垂直阴影的位置。允许负值。 可选。模糊距离 可选。阴影颜色*/ tex…
