CSS教程

  • CSS实现梯形标签页的方法

    CSS教程

    在web设计中,梯形标签页是很常见的一种形式,但是梯形又是一种很难实现的样式,很多开发者会直接用梯形背景图片来生成效果,但是采用背景图片的方式产生了额外的http请求,并不是一种非常理想的方式,这里笔者为大家带来一种直接用css来实现梯形效果的方法。以上所述是小编给大家介绍的CSS实现梯形标签页的核心代码,希望对大家有所帮助,如果大家有任何...

    2022-01-28 CSS教程浏览次数:505

    阅读更多
  • CSS超出文本指定宽度用省略号代替和文本不换行

    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。需要你注意的是,这个CSS样式只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。这个写法只有IE会有“...”,其它的浏览器文本超出指定宽度时会隐...

    admin2022-01-27 CSS教程浏览次数:586

    阅读更多
  • 12个CSS高级技巧汇总

    SVG对所有的分辨率类型都具有良好的扩展性,并支持所有浏览器都回归到IE9。这些高级技巧在Chrome、Firefox、Safari、Edge的当前版本,以及IE11中都能有效工作。

    admin2022-01-26 CSS教程浏览次数:142

    阅读更多
  • css权威指南--笔记(必看)

    1,元素:替换元素,非替换元素。2,link:rel;type;media:(all(所有表现媒体, screen,print),title(配合候选使用)。3,@import url 需在style内使用,放在其他css规则之前。4,向后可访问性:<style><!-- 样式 --></style>,这样较老浏览器会将style忽略,能理解css的浏览器能正常读取样式表。5,css注释:/* */。1,对声明分组时,一定...

    admin2022-01-25 CSS教程浏览次数:244

    阅读更多
  • 前端设计师需要了解的9个问题

    块级元素即使设置了宽度,仍然是独占一行的,块级元素可以设置margin和padding属性。竖直方向的padding虽然增大了行内元素的面积,但并没有和相邻元素拉开距离。它只能对行内元素实现display:inline-block;还要用到针对IE的hack,*vertical-align。position:absolute和float会隐式的改变display类型,不论之前是什么类型的元素,只要设置了postion:absolut...

    admin2022-01-25 CSS教程浏览次数:424

    阅读更多
  • 浅谈css命名规则(新手必看)

    id的命名 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center. 字体大小,直接使用"font+字体大小"作为名称,如 .font12px { font-size: 12px; } .font9pt {font-size: 9pt; }. 标题栏样式,使用"类别+功能"的方式命名,如 .b

    admin2022-01-24 CSS教程浏览次数:239

    阅读更多
  • @keyframes规则实现多重背景的CSS动画

    CSS教程

    定义和用法通过 @keyframes 规则,您能够创建动画。在动画过程中,您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。为了获得最佳的浏览器支持,您应该始终定义 0% 和 100% 选择器。如果是有多重背景的CSS动画呢,下面我们来看下是如何实现的。

    2022-01-22 CSS教程浏览次数:527

    阅读更多
  • CSS3中颜色线性渐变实战

    CSS教程

    线性渐变可以设置3个参数值:方向、起始颜色、结束颜色。最简单的模式只需要定义起始颜色和结束颜色,起点、终点和方向默认自元素的顶部到底部。background:-moz-linear-gradient; /*Firefox 浏览器兼容代码*/. 图5.11 指定渐变方向为45°线性渐变不止支持两种颜色的渐变,还可以添加任意种颜色,比如可以使用线性渐变构造一个彩虹效果,如图5.12所示。

    2022-01-20 CSS教程浏览次数:294

    阅读更多
  • CSS hacker使用小结(兼容IE6、7、8)

    CSS hack的原理 由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级对浏览器展现效果的影响,我们可以据此针对不同的浏览器情景来应用不同的CSS。如果想系统的学习css hacker的相关资料,推荐查看这篇文章。这行代码是永远以最新的IE版本模式来显示网页,使IE支持HTML5。

    admin2022-01-19 CSS教程浏览次数:406

    阅读更多
  • 纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)

    CSS教程

    暂停按钮的实现原理就是边框用border,里面的正方形用outline。因为outline有一个offset属性可以用来设置偏移量,并且是按照比例来的。因为box-shadow会按比例缩放,因此将第一个值设置为白色,然后将第二个值设置的比第一个值大就可以了。box-shadow: 0 0 0 5px #fff,0 0 0 10px #000;既然能做出一个三角形,那么就可以做出两个三角形。

    2022-01-19 CSS教程浏览次数:479

    阅读更多
60591条记录首页上页12345下页尾页

站长特荐