当前分类

CSS教程

CSS教程

CSS的引入方式

CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例:<h1 "color:red;">st

CSS教程

CSS的伪类 :before 和 :after

CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects&#1

CSS教程

无聊的切图--项目搭建与环境配置

又开始公司的新项目了。。。又到了无聊的切图时间,没办法,拿人钱财替人消灾啊 ! 那当我们拿到公司新项目的时候我们需要做些什么呢? 下面就来分享一下我的工作步骤吧(仅使用于初学者,大神勿见怪 ,有不好的

CSS教程

博客园--头部昵称特效展示代码

刚入了这个博客园,发现竟然这么高的自由度,页面风格可以自己搞,那还不嗨起来? 于是赶紧搞了一波,有没有被头部的昵称炫到。。。当然也是网上找的一个,拿来看一下效果 废话不多说。上代码 就是它了,各位看官

CSS教程

签到抽奖功能——常见前端抽奖需求

网站开发 ,经常需要用到登录注册,签到抽奖等模块,虽然每次都要写,但是把这个记录下来会很方便下次再用。。。 这边刚写了一个签到抽奖,放到这边来分享记录一下。 首先根据设计图 需要这样的样式与效果 这样

CSS教程

css3 gradient 渐变

分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。 1.线性渐变在Mozilla 下应用 语法:-moz-linear-gradient( [<poin

CSS教程

初探css3

属性选择器: 1.完全匹配的属性选择器。 就是完全匹配的字符串。 [id=article]{ color:red; } 2.包含匹配选择器。包含有指定的字符串。 语法是:[attribute*=val

CSS教程

css3响应式布局设计——回顾

响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法: @media mediatype and | n

CSS教程

css3 UI 修饰——回顾

1.box-shadow 属性向框添加一个或者多个阴影。 语法: box-shadow: h-shadow v-shadow blur spread color inset h-shadow 必须,水

CSS教程

css3 3d变换和动画——回顾

1.transform-style 属性指定嵌套原始是怎样在三维空间中呈现。 语法:transform-style: flat | preserve-3d flat 表示所有子元素在2D平面呈现。 p

CSS教程

grid 布局的使用

grid 布局的使用 css 网格布局,是一种二维布局系统。 浏览器支持情况:老旧浏览器不支持, 概念: 网格容器。元素应用dispalay:grid,它是所有网格项的父元素。 <div cla

CSS教程

flex布局——回顾

flex 即为弹性布局。 任何一个容器都可以指定为flex布局。 .box{display:flex} 行内元素可以使用flex布局 .box{display: inline-flex} webkit

CSS教程

Sass与Compass——回顾

compass 是sass的一个工具库 compass在sass 的基础上封装了一系列有用的模块,用来补充和丰富sass的工能, 安装: compass是用 ruby语言开发的,所以安装它之前必须安装

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部