css 选择器
老木开源
精通前端,狩猎后端,只写艺术代码!付费的知识,老木开源讲!
展开
-
CSS3 电子优惠卷的设计
上品折扣店 ¥50.00优惠券 订单满100.00元 副券 2018-06-01 2018-06-18 立即使用 /*通用类样式*********************************/.stamp { width: 387px; height: 1...原创 2019-11-09 16:17:05 · 333 阅读 · 0 评论 -
动态按钮3
<ul id="container"> <li><a href="#" class="button gray">灰色风格按钮</a></li> <li><a href="#" class="button pink">粉红风格按钮</a></li> ...原创 2019-11-08 17:43:59 · 178 阅读 · 0 评论 -
CSS3 应用渐变
1.定义条纹背景知识点: 如果多个色点设置相同的起点位置,他们将产生一个从一种颜色到另一种的急剧转换。从效果上来看,就是从一种颜色突然到另一种颜色,这样可以设置条纹背景。实例设计:1.定义一个简单的条纹背景代码:2.定义一个重复显示的条纹效果:代码:改变比例的重复条纹如下:3.设计多色条纹背景代码:4.设计垂直条纹背景转换宽和高代码:在颜色前面加上了 to...原创 2019-11-08 15:19:19 · 157 阅读 · 0 评论 -
CSS3 渐变背景详解
????渐变背景 详解 !W3C 与 2010年11月份 正式支持渐变背景样式,背景图像源可以定义为渐变背景渐变背景包括 线性渐变和 径向渐变俩种类型1.线性渐变创建一个线性渐变 只需要两个颜色 ,也可以选择设置一个起点或一个方向,用法:linear-gradient (angle , color-stop1 , color-stop2 , …)angle : 渐变方向 取值为角度或者关...原创 2019-11-08 13:58:51 · 412 阅读 · 0 评论 -
CSS3 背景图像
CSS3 背景图像图像不止传递信息,也可以用来装饰页面。---------------------------------------------------------------><------------------------------------------------------CSS 提供多个 background 子属性来实现这个目标 。1. 定义背景图像...原创 2019-11-08 01:22:07 · 150 阅读 · 0 评论 -
CSS3 图像和背景
1.网页图像1.1图像大小< img > 标签包含 width 和 height 属性 ,使用它们可以更令活控制图片大小或设计图像大小针对移动设备,下面4个属性更适应弹性布局,应用比较广泛。win-width:控制最小宽度。wax-width:定义最大宽度。min-height:定义最小高度。max-height:定义最大高度/实例设计...原创 2019-11-07 22:37:44 · 274 阅读 · 0 评论 -
CSS 自定义字体
自定义字体1.定义字体(@font-face)知识点:1.使用 @font-face 可以引用网络字体文件 用法如下: @font-face { < font-description > } 其中 < font-description > 是一个属性名值对。用法如下:descriptor:value;属性及取值如下 ????font-family:/*设置字体...原创 2019-11-06 18:26:07 · 392 阅读 · 0 评论 -
CSS 动态内容
1.定义动态内容知识点:使用 content 属性可以定义动态内容。用法如下:content :normal | string | attr() | url() | counter() | none;取值简单说明如下:normal :默认值。表现与 none 值相同。string :插入文本内容。attr():插入元素的属性值。url() :插入外部资源,如图像、音频、视频...原创 2019-11-06 02:01:32 · 637 阅读 · 0 评论 -
CSS 颜色模式
1.RGBA知识点:RGBA 是 RGB 模式的扩展,在红、绿、蓝 3种 原色所占的 比重。取值为正整数(0~255),或者百分数(0.0% ~ 100。0%).rgba(r,g,b,< opacity>) r表示:红色 g表示:绿色 b表示:蓝色实例设计比例使用 box-shadow 和 rgba()函数为表单控件设置半透明度的阴影,模拟柔和的润边效果效果:...原创 2019-11-05 02:31:29 · 220 阅读 · 0 评论 -
CSS3文本格式
1.字体类型,大小和颜色font-family :name //定义字体类型font-size:xx-small //定义字体大小最小color:[颜色值]定义颜色实例设计设计一个简单的网页h5网页效果如下·:使用css修饰各个栏目的文本字体大小正文直接继承body字体大小,因此不需要重复定义2.粗体 斜线 下划线font-weight:normal(默认) =...原创 2019-11-03 23:00:17 · 151 阅读 · 0 评论 -
[实战]选择器应用代码页
上文连接:实战例题.在校生记录博客 以上为H5S设计以下为css选择器应用:最终效果:原创 2019-11-03 01:42:31 · 167 阅读 · 0 评论 -
[实战]css3选择器的应用
本文章为纯案例实战,不结合具体知识点,综合联系CSS3基本知识和选择择器设计如下分隔表格页:要求鼠标移动时动态表头背景为任意色,文本加粗,分隔明确作者手写:代码页.在校生记录博客 ...原创 2019-11-03 01:31:36 · 152 阅读 · 0 评论 -
CSS3 结构伪类选择器(全)
CSS3 结构伪类选择器1.结构伪类选择器 ????结构伪类可以根据文档结构关系来匹配特定的元素。结构伪类主要包括一下几种:命令注释:first-child匹配第一个子元素:last-child匹配最后一子元素:nth-child()按正序匹配特定子元素:nth-last-child()按倒序匹配特定子元素:nth-of-type()在同类型中...原创 2019-10-31 00:55:37 · 1529 阅读 · 0 评论 -
属性选择器
CSS3 属性选择器1. 知识点 ????属性选择器是根据标签的属性来匹配元素,使用中括号进行标识,语法如下:语法表作用E[attr]根据是否特定属性来匹配元素E[attr=“value”]根据是否设置特定属性值来匹配元素E[attr^=“value”]根据属性值是否含特定 vlaue 来匹配元素,属性值为词列表E[attr$=“value”]根据属性...原创 2019-10-30 02:49:41 · 1107 阅读 · 2 评论 -
CSS3 标签选择器于类选择器
:-------------------------:CSS3 选择器:------------------------:1.选择器概念作用: 减少对 HTML类 和 ID 的依赖,使编写网页更加轻松简单。根据所获取页面中元素的不同,可以把CSS3选择器分为五大类(如下:)你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔...原创 2019-10-28 02:27:28 · 787 阅读 · 0 评论