css教程
分类:
返回上级
推荐 综合 人气 评论 点赞
前端技术搜索 前端技术分类 前端技术首页
jsp中css引用不起作用的原因之一 jsp引入css无效
http://www.cnblogs.com/jamsbwo/p/4780527.html

0评论2023-03-08532

css3的calc() css3的百分比减宽,减高,加,乘,除,适合用于后台的排版定位
css3的calc() css3的百分比减宽,减高,加,乘,除,适合用于后台的排版定位浏览器支持IE9+、FF4.0+、Chrome19+、Safari6+calc()语法非常简单,就像我们小时候学加 (+)、减(-)、乘(*)、除(/)一样,使用数学表达式来表示:.haorooms {width: calc(expressi

0评论2023-03-08575

CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除
CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除实例:.add{width: calc(100% - 10px);height: calc(100% - 10px);}.main{width: calc(100% - 10px - 10px);height: calc(500px - 10px -50px);}注意,减号,左右必须打空格,否则不生效。

0评论2023-03-08661

CSS媒体查询,CSS根据不同的分辨率显示不同的样式
在写响应式网页的时候,我们需要网页有几种显示方式,我们可以用CSS实现这个功能使用CSS提供的媒体查询,我们可以根据屏幕分辨率来使用相应的CSS样式@media screen and (max-width: 1000px) {/*此条件表示最大宽度为1000,也就是如果宽度小于1000则执行以下CS

0评论2023-03-08690

CSS设置DIV居中 css中让div居中
style type="text/css"body{ text-align:center;}.divs{margin:0 auto;}/stylebody div class="divs"CSS设置DIV居中/div/body

0评论2023-03-08712

(四)学习CSS之position、bottom、left、right和top属性
参考:http://www.w3school.com.cn/cssref/pr_class_position.aspposition 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它

0评论2023-03-08851

css之display:inline-block block,inline和inline-block概念和区别
display:inline-block;作用:将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。举例:给span clas

0评论2023-03-08484

css之图片路径 css图片路径正确还是不显示
关于背景图片url路径:图片和调用文件在两个不同根下的(不在同一个包(文件夹)中),要用相对路径,举例"../images/cq.gif";图片和调用文件是在一个根下的直接孩子,用相对于当前目录的绝对路径,举例"images/cq.gif",用错了显示不出图片。 css有三种创

0评论2023-03-08770

css添加网格背景 css绘制网格线
background-image: linear-gradient(white 0.5px,transparent 0),linear-gradient(90deg, white 0.5px,transparent 0),linear-gradient(hsla(0,0%,100%,.3) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.3) 1px,transparent 0);background-size

0评论2023-03-08911

移动端css公共样式 移动端css公共样式在哪
@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/* 解决IOS默认滑动很卡的情况 */-webkit-overflow-scrolling : touch;}/* 禁止缩放表单 */input[type="submit"], input[type="re

0评论2023-03-08686

CSS选中最后一个li css选择最后两个元素
.class ul li:nth-child(1):选择中最后一个li.box ul li:nth-child(1){  margin-right:0;}

0评论2023-03-08627

css a标签去除下划线
css a标签去除下划线a{text-decoration:none;}

0评论2023-03-08554

css 超出隐藏 ... 显示
overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行 (只显示一行)多行一出隐藏overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical; 

0评论2023-03-08483

解决两个相邻的span,或者input和button中间有间隙,在css中还看不到
span id="time"/spanspan id="second"/span input placeholder="搜索单位名称" /button type="button"搜索/button直接写在一行就没有空格。产生间隙原因: 换行或空格会占据一定的位置

0评论2023-03-08408

css 文本外观属性(text) 和 字体样式属性(font)
css文本 text外观属性color:   颜色值(red,blue)十六进制 ,rgbletter-spacing:   字间距 px,emword-spacing:  单词间距 对中文无效line-height:   行间距 px,em , %text-transform:   文本转换 none:不转换 capitalize:首字母大写 uppercase:

0评论2023-03-08365