
CSS3
程小秋
菜鸟飞飞
展开
-
CSS浮动框是否脱离文档流?
CSS浮动框是否脱离文档流?http://www.th7.cn/web/html-css/201401/17089.shtml转载 2016-12-09 11:45:57 · 2516 阅读 · 0 评论 -
CSS隐藏文字并用图片代替
在做项目时想把文字隐藏并用图片代替,隐藏文字内容,但是需要保留它的物理空间来占位,可以背景图片的插入.content { text-indent: 100%;//缩进父元素宽度的100% white-space:nowrap;//不换行 overflow: hidden;//隐藏多出去的文字 background: url(ima原创 2017-08-29 15:04:09 · 523 阅读 · 0 评论 -
用图片替换文本
用图片替换文本(使用背景图片替换掉文本内容)第一种方法(我认为最好的一种方法) .content { text-indent: 100%;/*缩进父元素宽度的100%*/ white-space: nowrap;/*不换行*/ overflow: hidden;/*隐藏多出去的文字*/ background: url原创 2017-08-30 14:02:51 · 762 阅读 · 0 评论 -
CSS:z-index
CSS:z-index1、用法 z-index:决定了一个HTML元素的层叠顺序。拥有高的层叠顺序的元素总是会处于拥有层叠顺序较低的元素的前面。换句话说,z-index越高,这个元素再层叠顺序中越靠上。注:z-index属性只能在定位元素中有效(position:absolute | relative |fixed) 2、浏览器兼容性所有的主流浏览器都支持z-index属性。原创 2017-04-11 09:07:38 · 325 阅读 · 0 评论 -
CSS:字体倾斜
CSS:字体倾斜(个人理解)在CSS样式中,总会出现斜体字,斜体字一共分为两部分:1、倾斜角度是固定的在浏览器中,默认用斜体表示。 语法文本css样式:font-style:italic; font-style:oblique;2、倾斜角度不固定用CSS3中的transform中的skew属性值实现文字的倾斜效果skew(30deg,30deg)表示水平方向原创 2017-03-21 14:16:08 · 17241 阅读 · 0 评论 -
CSS:首字母字号变大而不影响下划线
CSS:首字母字号变大而不影响下划线要求:字母全部大写并带有下划线,首字母稍大,有24px,其余字母稍小解决办法:1、原创 2017-03-21 11:15:26 · 1922 阅读 · 0 评论 -
CSS:font-variant
CSS:font-variantfont-variant:属性设置小型大写字母的字体,但是所有使用小型大写字体的字母与其余文本相比,字体尺寸小。所有主流浏览器都支持font-variant属性,除了IE不支持属性值inherit。值 normal默认值。浏览器会显示一个标准的字体。small-caps会显示小型大写字母的字体。原创 2017-03-21 10:37:23 · 542 阅读 · 0 评论 -
CSS:text-transform
CSS:text-transformtext-transform:控制属性的大小写。所有浏览器都支持text-transform.IE浏览器不支持inherit属性值。值 none默认。定义带有小写字母和大写字母的标准的文本capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母l原创 2017-03-21 10:05:29 · 531 阅读 · 0 评论 -
CSS:清除浮动
CSS清除浮动的方法1、在浮动元素末尾处添加一个空的标签如并在CSS中赋予.clear{clear:both}也可以使用或.wrap{ border:1px solid #000; background-color:gray;}.left{ float:left; height:80px; width:100px; background-color:#0F0;}原创 2017-03-11 10:23:32 · 275 阅读 · 0 评论 -
CSS:盒子模型
盒子模型CSS padding(内边距)padding会影响元素尺寸转载 2016-12-04 19:48:22 · 259 阅读 · 0 评论 -
CSS:改变select、option标签的默认样式
CSS:select标签、option标签select标签和option标签是自带有CSS样式的1、用纯CSS方式去除默认的select标签方法一:原创 2017-03-27 18:06:57 · 54536 阅读 · 0 评论 -
CSS:盒子3D模型
CSS:盒子3D模型从上到下分为5层1、border2、content+padding3、background-image4、background-color5、margin原创 2016-12-08 22:03:53 · 1661 阅读 · 0 评论 -
jquery:css()
jquery:css()css()可以設置或者返回被選HTML元素的一個或多個樣式的屬性1、返回css屬性的值css("屬性的名")$(document).ready(function(){$("button").click(function(){ alert( $("p").css("background-color"));原创 2016-12-06 18:06:52 · 238 阅读 · 0 评论 -
animate.css
animate.cssanimate.css是一个css3动画库今天上网搜了一下,对animate.css有一个简单的了解1、怎么使用animate.css首先下载animate.css https://daneden.github.io/animate.css/其次: 接下来 $("butto原创 2016-12-06 17:40:26 · 358 阅读 · 0 评论 -
自定义文件上传按钮样式
自定义文件上传按钮样式原创 2017-09-11 14:15:02 · 1284 阅读 · 0 评论