css
关注
分享
扫一扫
文章平均质量分 65
jkpi888
这个作者很懒，什么都没留下…
展开
-
CSS中Position 的用法
文章转载于：CSS中Position 的用法 http://www.studyofnet.com/news/157.html 语法:position：static | relative | absolute | fixed取值:static：默认值，无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用，默认值。re转载 2013-10-15 22:33:50 · 848 阅读 · 0 评论 -
css中font的简写方式
一、字体属性主要包括下面几个font-family，font-style，font-variant，font-weight，font-size，fontfont-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;font-转载 2014-01-07 12:52:30 · 2215 阅读 · 0 评论 -
css padding简写方式
◆如果四边的值都存在 padding:1px2px3px4px;等效于：padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px; ◆如果四边的值省略一个，只写三个： padding:1px2px3px;则等效于：padding-top:1px;paddi转载 2014-01-08 12:45:09 · 4727 阅读 · 0 评论 -
CSS3利用border-radius实现边框圆角
1、border-radius只有一个取值时，四个角具有相同的圆角设置，其效果是一致的：.demo {border-radius:10px;}效果： 2、border-radius设置两个值，此时top-left等于bottom-right并且他们取第一个值；top-right等于bottom-left并且他们取第二个值，也就是说元素 左上角和右下角原创 2014-01-08 23:40:51 · 1855 阅读 · 0 评论 -
CSS何时可以使用!important
1、帮助测试可访问性 正如前面提到过的，用户样式中可以包含!important声明，允许用户根据自己的特殊需求来给具体的CSS样式增加权重以帮助他们阅读和访问内容。 有特殊需求的用户可以把!important加到像font-size这样的打印属性上来加大字体，或者为了提高网页的对比度而把它加到与颜色相关的样式上。 2、暂时解决紧急问题 总会有这...2014-05-14 00:01:55 · 183 阅读 · 0 评论 -
CSS如何排查错误
一、检查代码单词有没有错误?html标签是否闭合?我们在进行网页设计的时候，html语言规范是首尾要闭合，如果仅仅写一个头< head >，那么末尾就应该有< /head >这样代码来完成整改网页头部的设计!可是很多设计师因为粗心大意，往往只写了一个头部，却忽略了闭合，导致CSS BUG的出现!当然这是在记事本下编写网页会出现的，现在只要使用一些专业的网页设计软件，比...原创 2014-05-16 21:45:18 · 336 阅读 · 0 评论 -
css如何清除浮动
css中可以用 clearfix清除浮动 实例： <html > <head> <title> css用clearfix清除浮动实例</title> <meta name="generator" content="editplus" /> <meta name="auth原创 2014-01-16 10:27:49 · 206 阅读 · 0 评论 -
css行高line-height的介绍
一、line-height语法 line-height属性的具体定义列表如下： 语法： line-height : normal | <实数> | <长度> | <百分比> | inherit 说明： line-height 属性设置行间的距离（行高），不能使用负值。该属性会影响行框的布局。在应用到一个块级元素时，它定...原创 2014-01-22 11:46:04 · 174 阅读 · 0 评论 -
css font的简写的方法
字体属性主要包括下面几个font-family，font-style，font-variant，font-weight，font-size，fontfont-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;font-varia...原创 2014-01-23 15:04:57 · 396 阅读 · 0 评论 -
Web页面的常见字体有哪些
一、样式优先级 通常用户看到的页面的样式会受到三层控制： 第一层是浏览器的默认样式第二层是网页定义样式第三层是用户自定义样式和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。不过，当有 !important 时，网页样式可以覆盖用户自定义样式。用户!important > 网页!important...2014-03-17 12:00:31 · 3860 阅读 · 1 评论 -
display：inline、block、inline-block 的区别有哪些
inline、block、inline-block 的区别 1、display:block就是将元素显示为块级元素 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul&...原创 2014-03-25 10:39:39 · 258 阅读 · 0 评论 -
css行高line-height的介绍
line-height语法line-height属性的具体定义列表如下： 语法： line-height : normal | | | | inherit 说明： line-height 属性设置行间的距离（行高），不能使用负值。该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-si转载 2014-01-06 21:42:38 · 856 阅读 · 0 评论 -
css表格自动换行
TABLE自动换行的问题： 数字和英文的时候，TABLE中的TD就会被拉长，不会自动换行了。全角的时候是可以的。用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象： 解决方法 在需要换行的地方加入: style="table-layout: fixed;WORD-BREAK: break-all;转载 2013-11-30 12:53:56 · 1782 阅读 · 0 评论 -
css中id和class的用法和选择
定义格式：形如id="aaa"定义的,在css中是这样设置其样式的：#aaa{ 样式列表 }而以class="bbb"形式定义的，在css中应该这样设置其样式：.bbb{ 样式列表 }（注意前面有一个点） ID与CLASS的使用技巧1. 子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。2.原创 2013-11-15 13:04:10 · 1908 阅读 · 0 评论 -
为什么css中float:right右对齐会换行
文章转载于： 为什么css中float:right后右对齐换行 http://www.studyofnet.com/news/7.html CSS中通常我们需要将某元素居左、居右显示，这个时候我们就可以根据float来设置，在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题：转载 2013-10-18 12:48:19 · 2388 阅读 · 0 评论 -
CSS中margin和padding的区别和用法
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 一、padding称呼为内边距，其判断的依据即边框离内容正文的距离。 1、语法结构 （1）padding-left:10px; 左内边距（2）padding-right:10px; 右内边距（3）padding-top:10px; 上内边距（4）padding-bottom:10px;原创 2013-10-30 23:54:50 · 1878 阅读 · 0 评论 -
css图片居中的方法
文章转载自： css如何让图片居中 http://www.studyofnet.com/news/188.html 水平居中： 1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。2、文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性，如.yangshi img转载 2013-10-31 13:03:04 · 1211 阅读 · 0 评论 -
css控制滚动条的样式
滚动条样式主要涉及到如下overflow属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x: hidden; 禁止横向的滚动条overflow-y:原创 2013-10-31 18:49:51 · 1214 阅读 · 0 评论 -
css中display和visibility的用法和区别
Display的属性值 block：/*表现为一个块级元素（一般情况下独占一行）*/当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像元素一样，它会在那个点被放入到页面中。(实际上你可以设置的display:block，使其可以像一样工作。inline:/*表现为一个行级元素（一般情况下不独占一行）*/将display设置为转载 2013-11-17 11:32:48 · 848 阅读 · 0 评论 -
css中clearfix清除浮动的用法
clearfix的定义： .clearfix:after {}{ content: "."; /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/ display: block; /**//*加入的这个元素转换为块级元素。*/ clear: both; /**//*清除左右两边浮动。*/ visibility:原创 2013-11-05 13:04:56 · 5517 阅读 · 0 评论 -
css中background属性的用法
css中background属性可以设置如下属性 background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image background-color 属性转载 2013-11-19 23:16:54 · 1554 阅读 · 0 评论 -
css如何设置超链接样式
css设置超链接样式是通过伪类来实现的 (1) :link：设置a对象在未被访问前的样式表属性。(2) :visited：设置a对象在其链接地址已被访问过时的样式表属性。(3) :hover：设置对象在其鼠标悬停时的样式表属性。(4) :active：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。 css中关于超链接的四个属性正确顺序为：转载 2013-11-22 12:20:06 · 9911 阅读 · 0 评论 -
css设置表格样式的方法
表格常见的应用 表格的颜色 例如 .datalist { color: #0046a6; background-color: #d2e8ff; font-family: Arial; } .datalist th { color: #003e7e; background-color: #7bb3ff;转载 2013-11-24 17:27:53 · 1306 阅读 · 0 评论 -
CSS中 z-index 的介绍
CSS样式表中Z-index属性的一些特征：Z-index属性的默认值是0 元素可拥有负的 z-index 属性值，如z-index:-1 Z-index属性无继承性 Z-index属性JavaScript 使用语法：object.style.zIndex=”1″ 几乎所有主流浏览器都支持 Z-index 属性 Z-index示意图 CSS样式表中原创 2013-11-12 12:47:18 · 1225 阅读 · 0 评论 -
CSS Sprites的优缺点
一、CSS Sprites优点 1、利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； 2、CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。 3、解决了网页设计师在图片命名上的困扰，只需对...原创 2014-04-28 11:03:21 · 380 阅读 · 0 评论