css

可以使用 max-height 属性来建立纯 css 的滑块。 （推荐教程：css快速入门） 属性介绍： max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！ 代码实现： 立即学习“前端免费学习笔记（深入）”； .slider { max-height:…

CSS的三种样式形式？ 1、内联式，是把css代码直接写在现有的HTML标签中； 这里文字是红色。 2、嵌入式，是把css样式代码写在“style”标签之间； span{color:red;} 3、外联式，是把css代码写一个单独的外部文件中，通过“link”标签引入。 立即学习“前端免费学习笔记（…

CSS主要功能及定义 主要功能：  1、可创建新模板，开始创建的新模板的CSS代码为“默认”模板的代码  2、可对您定义的模板CSS进行“编辑”、“重命名”、“删除”、“使用”等操作。  立即学习“前端免费学习笔记（深入）”； 3、在保存自定义CSS后系统会自动生成套入该CSS的空间主页截图，点击该…

CSS3实现图片滚轮效果 在平常我们使用一些滚动图片的效果，都是用javascript代码（JQuery）实现，但是在如今Html5和CSS3盛行的时代，可以替代javascript代码来实现一些常见的效果来提高网页的加载速度，对用户来说体验是更加友好的。 特别是现在微信平台开发比较火热的年代，同样…

嵌套规则介绍： （推荐教程：css快速入门） 1、body 可以直接包含块状元素、ins、del、script等不可以直接包含行内元素； 2、ins 和 del（行内元素）可以包含块状元素或者行内元素，其他任何行内元素都不允许包含块状元素； 3、p、h1-h6 可以直接包含行内元素和文本信息，但是不…

在做网页美化的时候，都会用到图片居中，那你知道在CSS中有哪三种使图片居中的方法吗？下面我们一起看看吧。 1.利用display:table-cell，具体代码如下： html代码如下： 　　@@##@@ css代码如下： .img_wrap{ width: 400px; height: 300px…

css优化，提高性能的方法： （推荐教程：css快速入门） 避免过度约束 避免后代选择符 避免链式选择符 立即学习“前端免费学习笔记（深入）”； 使用紧凑的语法 避免不必要的命名空间 避免不必要的重复 最好使用表示语义的名字。一个好的类名应该是描述他是什么，而不是像什么 避免！important，可…

今天在做一个登录界面的时候，由于视觉给的页面背景图片太鲜艳亮眼，导致页面中间的登录表单框很不显眼，效果很差。就想到了做成毛玻璃的效果，现在分享出来，大家一起看看吧。 页面结构如下： 由于之前用过CSS filter属性，在属性值中使用blur()函数可以起到毛玻璃效果，所以我有2个思路来实现突出登录…

我们在编写CSS样式的时候，往往或遭遇CSS样式的修改或者界面设计的变更，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。 这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来…

隐藏元素的方法： （推荐学习：css快速入门） display：none 隐藏对应元素，在文档流中不再给他分配空间，各边元素会合拢但是资源会加载，DOM可以访问。 visibility：hidden 隐藏对应元素，但是在文档流中保留原来的空间，资源会加载。 opacity：0 可以点击，占据空间，可…