原创 2021-01-04 11:19:35
960阅读
布局布局 其实是学习前端的重要部分,最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图,而这里,我们就只是最简单的布局方式,从上而下:1、优惠券金额和过期时间2、优惠券描述3、按钮(其实按钮也可以放到“2”里面
原创 2021-01-04 11:19:35
673阅读
使用 CSS 轻松实现高频出现的各类奇形怪状按钮使用 CSS 实现稍微有点难度和技巧性的按钮矩形与圆角按钮正常而言,我们遇到的按钮就这两种 – 矩形和圆角:它们非常的简单,宽高和圆角和背景色。<div class='btn rect'>rect</div> <div class='btn circle'>circle</div>.bt
转载 2023-07-25 20:02:54
244阅读
    前几天在w3cplus上看了关于css3的clip-path剪裁熟悉,当时就被这个东西吸引了,想到以前如果要做不规则图形,要么直接用图片,要么要用border加translate去制作三角形再拼起来。而且这些做法有很多问题,前者太耗资源要加图片,后者不仅麻烦而且制作出的图形的点击事件仍然会在整个矩形div中作用,无法让各种事件只在图形区域有效。   &nb
先上效果图clip-path要通过CSS实现不规则边框,首先要知道clip-path(裁剪路径)属性,clip-path属性是通过对图形的X和Y坐标对图形进行裁剪每一个裁剪的拐角都是一个XY坐标裁剪至少需要3个坐标裁剪区域会连接这三个坐标浏览器不会捕获裁剪区域外的事件,如hover和click事件clip-path官方语法clip-path: <clip-source> | [ &lt
原创 2024-06-04 16:25:09
2812阅读
 1  《七步诗》一、案例描述 考核知识点CSS样式规则练习目标熟练掌握CSS样式规则。 灵活运用CSS行内式的引用方法。需求分析使用C
原创 2022-08-03 17:02:36
361阅读
大家都知道CSS的全称叫做&ldquo;层叠样式表&rdquo;,但估计很多人都不知道&ldquo;层叠&rdquo;二字的含义。其实,&ldquo;层叠&rdquo;指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫&ldquo;层叠&rdquo;。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似懂非懂的,
转载 2012-10-10 15:29:44
688阅读
1.样式命名外 套: wrap主导航: mainnav子导航: subnav页 脚: footer整个页面: content页 眉: header页 脚: footer商 标: label标 题: title主导航: mainbav(globalnav)顶导航: topnav边导航: sidebar
转载 2019-04-10 20:04:00
761阅读
2评论
CSS样式命名规则 1.样式命名外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footet 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: l...
转载 2007-05-11 19:13:00
226阅读
2评论
CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。 现在,我们已经可以使用CSS 3 常见不规则复杂图形了(点击链接查看),如下图所示:
推荐 原创 2013-11-13 16:59:14
3663阅读
2点赞
CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。
本例效果图:新建应用,添加一个PopupMenu和一个Image,代码如下:unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, ExtCtrls, Menus; type TForm1 = class(TForm
CSS】一、CSS3新增的特性有哪些?移除的元素有哪些?新增的特性:选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面移除的元素:(纯表现的元素) basefont,big,center,font,s,strike,tt,u二、选择器ID 选择器(#id)类选择器(.class)、属性选择器(E[attr]...)、伪类选择器(:)元素选择器(标签选择器)(
  规则四:样式权值相同时,后者获胜。 <p class="byline">Written by <a class="email" href="mailto:jean@cosmofarmer. com">Jean Graine de Pomme</a></p>  
转载 2012-10-10 15:30:11
475阅读
转载 2018-06-25 19:00:00
189阅读
要想熟练地使用CSS对网页进行修饰,首先要了解CSS样式规则。设置CSS样式的具体语法规则如下。
原创 2021-06-02 11:16:16
372阅读
CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。现在,我们已经可以使用CSS 3 常见不规则复杂图形了,如下图所示:image使用CSS创建的图形,无法内置文字或实现文字环绕效果。因此,如何实现不规则图形和文字复杂布局也成为了一个热议话题。今天我们就来介绍一下如何实现这个效果。文章中我们将阐
原创 精选 2023-09-19 10:47:57
1277阅读
要想熟练地使用CSS对网页进行修饰,首先要了解CSS样式规则。设置CSS样式的具体语法规则如下。
原创 2021-04-29 10:53:25
343阅读
1 手镯手机 这款手机的名字为“Bracelet”,外表与精巧的手镯无异,除了打电话、收发短信以外,还内建了Mp3功能。尤其是钻石般晶莹华贵的按键,颇为吸引人。 2 益智魔方 据说CUin5概念手机的创意是源自益智玩具魔方,方方正正模块的设计还是非常抢眼的。遍布在CUin5概念手机周身的都是按键,*、#和0-9共12个按键多达8组,机身的正反两面各搭载2组,
总所周知,UIView都是方形的,并不能产生一个不规则的形状的view(小弟才疏学浅,目前确实没有发现能够创建真实不规则视图的方法,如果有,不吝赐教,感激涕零!)。为什么我们有创建不规则view的需求?如果只是为了在View上显示不规则图形那大可不必,直接讲不规则图形添加到view上,然后讲view的backgroundColor设置为UIColor clearColor就可以;但是之所以有这
转载 2023-12-06 17:27:09
51阅读
  • 1
  • 2
  • 3
  • 4
  • 5