css
文章平均质量分 66
whaxrl
这个作者很懒,什么都没留下…
展开
-
CSS命名的规范
一、命名规则说明1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素要有结束的tag或于开始的tag后加上"/"5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、b原创 2014-03-18 12:43:42 · 595 阅读 · 0 评论 -
css中display属性
一、css中display可以取的值 值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1 新增的值)list-item此元素会作为列表原创 2015-07-11 09:34:56 · 861 阅读 · 0 评论 -
CSS中background-position的使用
一、background-position可能的值 值描述top lefttop centertop rightcenter leftcenter centercenter rightbottom leftbottom centerbottom right如果您仅规定了一个关键词,那么第二个值将是"转载 2015-07-28 11:04:29 · 656 阅读 · 0 评论 -
CSS3 transition的使用
一、CSS3中transition的定义transition: property duration timing-function delay;transition 属性是一个简写属性,主要用于设置四个过渡属性: 值描述transition-property规定设置过渡效果的 CSS 属性的名称。transitio转载 2015-07-29 09:51:16 · 675 阅读 · 0 评论 -
css3中box-shadow的使用
css3中box-shadow是给元素块添加周边阴影效果。一、语法 box-shadow:insetx-offset y-offset blur-radius spread-radius color 也就是 对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}转载 2015-08-25 10:01:12 · 444 阅读 · 0 评论 -
Web安全色有哪些
一、什么是WEB安全色1、不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。2、选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。为了解决W转载 2015-08-27 13:52:52 · 2412 阅读 · 0 评论 -
width:auto和width:100%的区别
一、width:auto 1、块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值。2、内容的宽度='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'如果margin-left'转载 2015-07-31 10:23:47 · 7599 阅读 · 0 评论 -
css中outline的使用
CSS中outline属性是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。例如:在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是outline 。 一、outline可以按顺序设置如下属性outline-color :设置元素轮廓的颜色,其取值与bo转载 2015-08-13 11:26:49 · 1882 阅读 · 0 评论 -
inline-block的常见应用场景
inline-block的特点是结合inline和block两种属性的特性,可以设置width和height,并且元素保持行内排列的特性,基于这一点,所有行内排列并且可以设置大小的场景都是我们可以考虑使用inline-block 1、网页头部菜单 aaa gg转载 2015-11-12 11:05:10 · 1025 阅读 · 0 评论 -
CSS3弹性布局的使用
一、弹性盒布局中的术语 1).弹性容器:弹性容器也就是所有弹性元素的父容器。2).弹性子元素:弹性容器的所有子元素都是弹性子元素。3).轴:弹性盒布局中分主轴和侧轴。主轴是布局布局的方向,侧轴垂直于主轴。4).方向: 弹性容器的主轴开始、主轴结束和侧轴开始、侧轴结束 边缘代表了弹性子元素排列的起始和结束位置。同时可以改变属性值来改变显示位置。 二转载 2015-10-28 16:46:40 · 1853 阅读 · 0 评论 -
css中选择器的优先级
important > 内联 > ID > 类| 伪类| 属性选择 > 标签 | 伪元素 > 通配符 > 继承例如1、仅一个选择器单词的时候#id高于.class;2、div#test2比#test2多了一个单词,那么多一个单词的优先级高;3、同样多一个单词,但其中一个有#id选择,则#test3要高于div .test3;4、.body #原创 2016-02-17 09:58:15 · 379 阅读 · 0 评论 -
CSS中Position的使用方法
position的四个属性值:relativeabsolutefixedstatic转载 2014-06-22 18:57:01 · 857 阅读 · 1 评论 -
CSS中word-wrap、word-break、white-space
一、word-wrapword-wrap:normal(默认)|break-word;参数normal:允许内容顶开指定的容器边界。break-word:内容将在边界内换行,必要时触发word-break(注意请分辨清楚word-break和break-word两个是不同的东西,一个为属性,一个为参数);说明word-wrap是控制是否”为词断行”的,设置或检索原创 2014-04-28 15:19:11 · 981 阅读 · 0 评论 -
css中长度单位px、em、pt的区别
一、长度单位px、em、pt的介绍px 像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的em 是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。pt 单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。 二、转载 2014-04-26 14:40:04 · 1029 阅读 · 0 评论 -
网页设计中常用的高度和宽度
1、高度 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。 2、宽度 1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。2、在F转载 2014-04-15 13:05:14 · 3971 阅读 · 0 评论 -
CSS如何排查错误
二、检查代码单词有没有错误?html标签是否闭合? 我们在进行网页设计的时候,html语言规范是首尾要闭合,如果仅仅写一个头,那么末尾就应该有这样代码来完成整改网页头部的设计!可是很多设计师因为粗心大意,往往只写了一个头部,却忽略了闭合,导致CSS BUG的出现!当然这是在记事本下编写网页会出现的,现在只要使用一些专业的网页设计软件,比如frontpage,dreamweaver等等,代码转载 2014-05-05 12:59:33 · 1583 阅读 · 0 评论 -
css sprites的用法
CSS Sprites工作原理CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,在需要用到图片的时候,通过CSS属性background-image组合background-repeat, background-position等来实现。通过调整background-position的数值,背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变,由于图片转载 2014-04-18 13:04:39 · 579 阅读 · 0 评论 -
设计网页按钮时的注意事项
对于一个可以起到吸引用户点击作用的按钮,建议从下面几个方面来思考1.按钮本身的颜色本身的颜色应该区别于它周边的环境色,因此它要更亮而且有高对比度的颜色。2.按钮的位置按钮的位置也需要仔细考究,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。3.按钮上面的文字表述在按钮上使用什么文字传递给用户非常重要。需要言简意赅,直接明了,如:注册、下载、创建、免费转载 2014-04-21 13:14:36 · 1007 阅读 · 0 评论 -
css空白边叠加的介绍
css中空白边叠加的几种情况转载 2014-04-20 10:00:16 · 602 阅读 · 0 评论 -
css无效的常见原因有哪些
一、div 标签未关闭 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签,诊断时就像大海捞针一样麻烦。 三、不当的DOCTYPE声明 不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个常见错误原创 2014-04-21 19:22:20 · 1487 阅读 · 0 评论 -
display值inline、block、inline-block 的区别
inline、block、inline-block 的区别 1、display:block就是将元素显示为块级元素 block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 2、display:inline就是将元素显示为行内元素转载 2014-03-26 12:46:53 · 733 阅读 · 0 评论 -
CSS常见的块级元素和行内元素
一、常见的块状元素address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易,也是CSS layout的主要标签 dl – 定义列表 fieldset – form控制组 form – 交互表单 h1 – 大标题 h2 – 副标题 h3 – 3级标题 h4 – 4级标题 h5 – 5级标题 h6 – 6级标题转载 2014-04-23 12:48:22 · 876 阅读 · 0 评论 -
CSS网页布局的建议
2、li标签前面的图标推荐使用background-image,而不是list-style-image。3、在给你的标签疯狂加选择符的时候,别忘了在CSS里给选择符加上注释。 等你以后修改你的CSS的时候就知道为什么要这么做了。4、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。5、定义链接的四种状态要注意先后顺序转载 2014-05-15 00:08:39 · 530 阅读 · 0 评论 -
CSS font-family的使用
一、语法font-family:[ | ] [, | ]* 说明 1、:字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文,则应使用引号括起2、:字体序列名称。下列字体中的任何一种:serif, sans-serif, cursive, fantasy, monospace。3、想要显示的字体一定要是你计算机中有的,否则不会按照你期望的显示.上转载 2014-04-25 12:39:34 · 3369 阅读 · 0 评论 -
CSS3中animation属性的使用
一、animation基本用法animation: name duration timing-function delay iteration-count direction fill-mode; 二、animation属性参数说明 1、name (animation-name)动画的名字,即设定动画过程的名字,CSS3采用“关键帧 keyframes”来定义动画,转载 2016-02-19 14:38:39 · 1295 阅读 · 0 评论