CSS中三角形的绘制与巧妙应用实例详解
引网页中常见的一些三角形,无需制作成图片或者字体图标,使用CSS就可以直接画出来。如小米官网中:以及京东网页中的:那么这些三角通过是CSS怎么实现...
编程开发 2020-10-19 03:33:34 81
让我来教你使用css中的字体图标的方法
首先什么是字体图标呢,那就是表面上是图标,其实它是文字,我们可以就像设置文字一样去设置字体图标,一般可以使用两种方式去设置字体图标,一种是引...
编程开发 2020-10-19 03:32:48 89
CSS 首行缩进两个文字
总是在前面加上8个“”,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时候会有很多“”充斥在代码中,如...
编程开发 2020-10-19 03:32:04 67
css 中的background:transparent到底是什么意思有什么作用
有时我在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样...
编程开发 2020-10-19 03:30:40 77
CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
-webkit-border-radius:苹果;谷歌,等一些浏览器认,因为他们都用的是webkit内核;-moz-border-radius:moz这个属性主要是专门支持MozillaFirefox火...
编程开发 2020-10-19 03:29:14 63
CSS自定义select下拉选择框的样式(不用其他标签模拟)
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,...
编程开发 2020-10-19 03:28:42 79
CSS 文本字体颜色设置方法(CSS color)
一、认识CSS颜色(CSScolor)这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、...
编程开发 2020-10-19 03:28:02 72
css设置各种中文字体如雅黑、黑体、宋体、楷体等等
复制代码代码如下:.selector{font-family:"MicrosoftYaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}说明:加上...
编程开发 2020-10-19 03:27:22 91
HTML设置超链接字体颜色和点击后的字体颜色
定义链接样式CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四...
编程开发 2020-10-19 03:26:53 77
css控制UL LI 的样式详解(推荐)
复制代码代码如下:<divid="menu"><ul><li><ahref="#">首页</a></li><liclass="men...
编程开发 2020-10-19 03:25:55 97
CSS 实现内容高度不够的时候底部(footer)自动贴底
在UI切图过程中,页面往往由三个部分组成,头部、内容和底部。当页面的内容高度不够撑满屏幕,底部(footer)就跟着内容浮动上来了,小屏幕由于高度有...
编程开发 2020-10-19 03:25:28 92
详解浮动元素引起的问题和解决办法
一、问题多个浮动的元素无法撑开父元素的宽度,父元素的高度可能会变成0。若浮动元素后面跟非浮动元素,非浮动元素会紧随其后浮动起来。若浮动元素前面...
编程开发 2020-10-19 03:24:56 92
CSS3动画和HTML5新特性详解
一、css3动画☺css3动画相对于通过JavaScript动态改变元素样式性能更好,更加容易。CSS3中有三个关于动画的属性:transform、transition和animation。...
编程开发 2020-10-19 03:24:19 74
CSS常用样式之绘制双箭头的示例代码
一、多次调用单箭头实现了单箭头–就很容易实现双箭头了,上文已经介绍2种实现单箭头的原理:边框旋转方式、双三角覆盖方式。这次以边框旋转为例多次调...
编程开发 2020-10-19 03:23:41 83
CSS中flex和inline-flex的区别详解
inline-flex和inline-block一样,对内部元素来说是个display:flex的容器,对外部元素来说是个inline的块。两者的区别描述:flex:将对象作为弹性伸缩盒...
编程开发 2020-10-19 03:23:24 87
详解CSS布局中浮动问题的四种解决方案
一、起因:子盒子设置浮动之后效果:由此可见,蓝色的盒子设置浮动之后,因为脱离了标准文档流,它撑不起父盒子的高度,导致父盒子 高度塌陷 。如果网...
编程开发 2020-10-19 03:23:05 74
CSS解决inline-block的错位问题
废话不多说帖代码html部分<div class="positionleft">我是position方式的左边,占30%</div> <div class="positionrigh...
编程开发 2020-10-19 03:22:45 74
利用纯css做一个下拉菜单功能的示例代码
导语:这几天看面试题目的时候,经常能够看到用css去实现一个下拉菜单,但是我发现很多人却没能够做出来,最后只能勉强用js做出来。实话实说,我很震惊...
编程开发 2020-10-19 03:22:23 61
浅谈CSS 伪元素&伪类的妙用
在一个网页中CSS占着非常重要的地位。近年来随着CSS的发展,伪元素/伪类也开始被大量应用:在性能愈加被看中的当下,处于文档流之外的CSS伪元素/伪类是...
编程开发 2020-10-19 03:21:46 85