css
-
详解使用CSS气泡框实现方法
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就 是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气…
-
css更改input单选和多选的样式详解
在项目开发中我们经常会遇到需要更改input单选和多选样式的情况，今天就给大家介绍一种简单改变input单选和多选样式的办法。 在这之前先简单介绍一下:before伪类 :before 选择器向选定的元素前插入内容。使用content 属性来指定要插入的内容（content是必须的哦）。 相信这并不…
-
关于css选择器知识详解
导入外部css样式表的方法 使用link标签导入外部css样式表 在样式表中import(导入)外部样式表@import url(“/crazy-html5/06css/css/demo01.css”); 使用内部样式表 内部样式表只能作用于某一个网页，定义方式为在head头部添加style标签，在…
-
如何使用CSS实现分隔线
下面是几种简单实现分隔线的方法，个人比较喜欢第二种，我也给出了最后第五种比较2的写法，请大家拍砖，或者提供其他好的方法。 单个标签实现分隔线： .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-lef…
-
CSS中hight属性的详解
目录结构： contents structure [-] hight属性值类型一览表 valuedescribtionauto默认length绝对长度%相对长度inherit继承 这里笔者主要介绍相对长度的用法，关于绝对长度读者可以参考CSS尺寸单位px % em rem详解获取更多信息。 hei…
-
css3新特性应用之视觉效果详细解读
目录 padding 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 立即学习“前端免费学习笔记（深入）”； 用户体验 结构与布局 过渡与动画 源码下载 一、单侧阴影 box-shadow属性的应用，格式：h-shadow v-shadow blur spread color in…
-
CSS盒子模型知识总结
本章内容： 知识点一： 盒子模型：Box Model，由有内容（element content）、填充（padding）、边框（border）、边界（margin）这四个组成部分，这四个部分都包含有top/right/bottom/left四个组成部分。 从w3school上下载的图片，以图来看看盒…
-
如何在css中让背景图片拉伸填充避免重复显示
如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器（body,p,span）中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-r…
-
css中padding填充详解
语法： padding：[ | ]{1,4} 默认值：看每个独立属性 适用于：所有元素，除 table-row-group | table-header-group | table-footer-group | table-column-group | table-row 外 继承性：无 动画性：是…
-
用css3简单的制作3d半透明立方体图片详解
new document //css部分html{font-size:62.5%;}img{width:300px;height:300px;} #stage{//搭建一个舞台margin-top:200px;margin-left:auto;margin-right:auto;width:300p…
