css
-
css如何实现蒙版效果
重要知识点: (推荐教程:css快速入门) background-color:#fff;filter:Alpha(Opacity=60);opacity:0.6; 样式: .back {background:url(images/coupon-logo.gif) no-repeat;} .top {…
-
css中伪类和伪元素有什么区别
一、定义区别 (推荐教程:css快速入门) 伪类 伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如 :visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:…
-
css清除浮动的原理介绍



首先我们要知道clear:both是清除浮动的关键。 (推荐教程:css快速入门) clear是CSS中的定位属性,规定元素的哪一侧不允许其他浮动元素。那么clear:both就是规定在左右两侧均不允许浮动元素。 clear属性只能在块级元素上其作用,这就是清除浮动样式中display:block的…
-
CSS Flex 的用途详解
一、可以利用flex来布局一个p在另一个p里面水平垂直居中 如:html代码: css代码: .container{width:600px;height:400px;border:1px solid blue;display: flex;justify-content:center;align-i…
-
CSS 实现三栏自适应布局
所谓三列自适应布局指的是两边定宽,中间block宽度自适应。这道题在今年网易内推前端工程师面试的时候也被问到。 我这里主要分为两大类,一类是基于position传统的实现,一类是基于css3新特性弹性盒模型布局实现。 1. 基于传统的position和margin等属性进行布局 这里也分为三种方法,…
-
css中的伪元素有什么作用
伪元素可以用来添加一些选择器的特殊效果。 (推荐教程:css快速入门) 语法: selector:pseudo-element {property:value;} 举例: 1、”first-line” 伪元素用于向文本的首行设置特殊样式。 立即学习“前端免费学习笔记(深入)”…
-
CSS 中 @ 用法详解
at-rule是一个声明,为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字,这个关键字充当一个标识符,用于表示CSS该做什么。这是一个通用的语法,尽管每个at-rule有其它语法变体。 常规规则 常规规则遵循下面的语法: 代码如下: 立即学习“前端免费学习笔记(深入)”; …
-
如何建立纯css的滑块
可以使用 max-height 属性来建立纯 css 的滑块。 (推荐教程:css快速入门) 属性介绍: max-height 属性设置元素的最大高度。max-height属性不包括填充,边框,或页边距! 代码实现: 立即学习“前端免费学习笔记(深入)”; .slider { max-height:…
-
CSS的三种样式形式?
CSS的三种样式形式? 1、内联式,是把css代码直接写在现有的HTML标签中; 这里文字是红色。 2、嵌入式,是把css样式代码写在“style”标签之间; span{color:red;} 3、外联式,是把css代码写一个单独的外部文件中,通过“link”标签引入。 立即学习“前端免费学习笔记(…
-
一分钟了解CSS的主要功能
CSS主要功能及定义 主要功能: 1、可创建新模板,开始创建的新模板的CSS代码为“默认”模板的代码 2、可对您定义的模板CSS进行“编辑”、“重命名”、“删除”、“使用”等操作。 立即学习“前端免费学习笔记(深入)”; 3、在保存自定义CSS后系统会自动生成套入该CSS的空间主页截图,点击该…