...
在平常项目中,偶尔也会涉及一些前端的设计,但毕竟不是专业的,所以一直想要系统的学习一下。最近辞职了,等待入职新公司的期间,有空折腾学习一些CSS 的知识。 今天就从一个简单的圆形菜单的实现,来总结一些最近学习的收获。效果图如下: 下面,就来看看这个圆形半透明的菜单如何实现: . 我们使用一个 ul 来制作菜单,代码如下: 效果如下: . 为ul添加样式 ulMenu 以及其下的li,a,span, ...
2013-06-03 00:13 24 3494 推荐指数:
...
简写属性 在最大的[]里除了font-size和font-family,其余属性都是可选的 若直接使用简写形式,那么省略的属性会采用默认值,相当于完整的写了一遍font的所有属性,可能会对想要继承的属性有影响 在最大的[]外的属性值可以让字体设置成操作系统字体值 ...
当我们在浏览一些网站时发现,里面含有一些十分个性的字体,这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢? 在css3中可以通过@font-face模块,把自己定义的Web字体嵌入到你的网页,web设计师可以使用他们喜欢的任意字体,只需要把该字体文件存放到 web ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x ...
1、方法一 直接设置img为圆形,这种情况下如果图片不是正方形,图片会被拉伸 class="circleImg" src="../img/photo/img.jpg" /> 相应的css为 .circleImg{ border-radius ...
<div style="width:400px; height:90px; padding-left:10px; padding-top:10px; background-color ...
://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT ...
在写文字内容占大篇幅的页面是,总是会面临着改变字体的需求,以下为font-family常用合集以及一部分文字效果: windows常见内置中文字体 字体中文名 字体英文名 效果实例 宋体 ...