网站首页
传统节日
站庆专栏
站务管理
温馨祝福
散文情怀
诗词雅韵
杂谈妙笔
音画艺苑
心缘心曲
网海缘梦
教育天地
经典回放
FLASH音乐
健康美食
实用素材
留 言 板
11月22日是心缘之梦建站21周年纪念日,欢迎新朋老友回家园看看,并在站庆签名录中留下你的名字,以使我们欢聚一堂庆贺心缘之梦的生日,祝福心缘之梦明天更加美好!本站两个域名可以登陆:国际域名:http://www.xyzm.com/ 二级域名:http://cxts16yzmb05.2000y.net/
当前位置:
首页
>>
实用素材
>>
套装素材
>>
学习代码
全部内容
按文章标题
按发布人
按文章作者
双击自动滚屏
学习代码
发表日期:2019年12月20日 出处:原创 作者:海特行者 (浮云转 ) 本页面已被访问 2482 次
聊 代 码
(合订版)
(点击目录可阅)
第一集 ——
前言
内容提要:
代码概述;学前释疑;简谈学习方法。
第二集 ——
认识编辑器
内容提要:
了解图文编辑和代码编辑的功能,学会切换编辑 器。
第三集 ——
代码初体验
内容提要:
通过对图文编辑获得代码,体会代码与图文的关
系
第四集 ——
小试编辑代码
内容提要:
练习在代码编辑页面输入代码,了解编辑代码
应注意的问题。
第五集 ——
谈谈代码的“复制/粘贴”
内容提要:
介绍怎样“复制/粘贴”及需要注意的问
题。
第六集 ——
细说标签
内容提要:
标签概念及其功能。
第七集 ——
颜色代码
内容提要:
颜色代码的三种表示法;不同进制的换算;三种不
同表示的颜色代码素材。
第八集 ——
文字标签
内容提要:
文字标签中常用属性的特点及表示方法。
第九集 ——
图片标签(之一)
内容提要:
图片标签的表示方式;介绍替换文本属性
和标题属性。
第十集 ——
图片标签(之二)
内容提要:
边框线属性;边框线种类;边框线代码表
示方式。
第十一集 —
图片标签(之三)
内容提要:
外边距属性;外边距代码表示方式。
第十二集 —
图片标签(之四)
内容提要:
css定位样式代码及其应用。
第十三集 —
移动标签(之一)
内容提要:
移动标签常用属性;右移,上移。来回移
代码实例。
第十四集 —
移动标签(之二)
内容提要:
文字移动效果(跳动,摆动,跳摆,摇摆
上下,斜向移动,横排和竖排文字分移左右等)代码实例。
第十五集 —
移动标签(之三)
内容提要:
文字移动效果(跳跃前进,起伏前进,间
歇式移动,进一步停一步,进两步退一步,移动时快时慢,上下文字聚
中间)代码实例。
第十六集 —
移动标签(之四)
内容提要:
横列式滚动字幕;竖列式滚动字幕。
第十七集 —
移动标签(之五)
内容提要:
图片横向,纵向,斜向移动以及上下左右
飘移效果代码实例。
第十八集 —
移动标签(之六)
内容提要:
固定卷帘,移动卷帘,百叶窗式同向移
动,百叶窗式异向移
动效果代码实例。
第十九集 —
移动标签(之七)
内容提要:
左右移动汇中间,中间移动分左右,水平
移动图片错位,垂直 移动图片错位效果代码实例。
第二十集 —
移动标签(之八)
内容提要:
图片上下左右转圈,三层图片交错移动效
果代码实例。
第二十一集 —
移动标签(之九)
内容提要:
拉幕式现图,同进同退对称移动,异
速叠加多图移动效果代码实例。
第二十二集 —
移动标签(之十)
内容提要:
利用表格装饰图片移动的代码实例。
第二十三集 —
表格标签(之一)
内容提要:
表格标签中的常用属性。
第二十四集 —
表格标签(之二)
内容提要:
有“行”和有“行”有“列”代码实例。
第二十五集 —
段落标签(之一)
内容提要:
换行代码、空行代码及对齐方式代码
实例。
第二十六集 —
段落标签(之二)
内容提要:
边框线、宽高、背景图片、背景颜色、
段落首行缩进、文字字体、字色、字号、字行距、字间距属性代码
实例
第二十七集 —
段落标签(之三)
内容提要:
几种不一样的滚动条代码实例
第二十八集 —
区块标签(之一)
内容提要:
区块标签的五个常用属性代码实例
第二十九集 —
区块标签(之二)
内容提要:
自动调整宽度和高度的边框代码解析
第三十集 ——
区块标签(之三)
内容提要:
在自动调整宽高的边框代码中的宽高设
置解析
第三十一集 —
区块标签(之四)
内容提要:
在非自动调整宽高的边框代码中的宽高
设置解析以及表格标签边框代码解析
第三十二集 —
区块标签(之五)
内容提要:
不变原图宽高比例,缩放图片和边框
第三十三集 —
区块标签(之六)
内容提要:
边框素材 背景图案
第三十四集 —
区块标签(之七)
内容提要:
介绍制作边框的最简单代码
第三十五集 —
css 样式(之一)
内容提要:
简述css样式概念及特点
第三十六集 —
css 样式(之二)
内容提要:
介绍内联样式的应用
第三十七集 —
css 样式(之三)
内容提要:
内部样式表选择器以单一英文字母命名
后在不同网站的使用效果
第三十八集 —
css 样式(之四)
内容提要:
用class选择器设置多样式文字
第三十九集 —
css 样式(之五)
内容提要:
介绍class选择器的使用
第四十集 ——
css 样式(之六)
内容提要:
利用内部样式表和透明度代码制作的三
种效果
第四十一集 —
css 样式(之七)
内容提要:
用鼠标切换图片
第四十二集 —
css 样式(之八)
内容提要:
介绍八种不同文字的css样式
第四十三集 —
css 样式(之九)
内容提要:
流光字、闪烁字代码
第四十四集 —
css 样式(之十)
内容提要:
对文本当中任意位置文字设置不同属性
第四十五集 —
css 样式(之十一)
内容提要:
具有两层边距的代码
第四十六集 —
css 样式(之十二)
内容提要:
单色流光字代码
第四十七集 —
css 样式(之十三)
内容提要:
描边流光字
第四十八集 —
css 样式(之十四)
内容提要:
描边闪烁字
第四十九集 —
css 样式(之十五)
内容提要:
圆角代码
第五十集 ——
css 样式(之十六)
内容提要:
二图切换
第五十一集 —
css 样式(之十七)
内容提要:
十种滤镜代码
第五十二集 —
css 样式(之十八)
内容提要:
线性渐变和径向渐变代码
第五十三集 —
css 样式(之十九)
内容提要:
圆角形背景旋转图
第五十四集 —
css 样式(之二十)
内容提要:
椭圆形背景旋转图
第五十五集 —
css 样式(之二十一)
内容提要:
把旋转图片的边框加阴影效果
第五十六集 —
css 样式(之二十二)
内容提要:
图片缩放效果
第五十七集 —
css 样式(之二十三)
内容提要:
图片倾斜效果
第五十八集 —
css 样式(之二十四)
内容提要:
图片平移效果
第五十九集 —
css 样式(之二十五)
内容提要:
图片斜向移动效果
第六十集 ——
css 样式(之二十六)
内容提要:
无背景图片旋转效果
第六十一集 —
css 样式(之二十七)
内容提要:
背景图上圆环旋转效果
第六十二集 —
css 样式(之二十八)
内容提要:
多个旋转图在圆周上的均匀分布
第六十三集 —
css 样式(之二十九)
内容提要:
多图在旋转的背景图圆周自转
第六十四集 —
css 样式(之三十)
内容提要:
多图在静态背景图圆周自转
第六十五集 —
css 样式(之三十一)
内容提要:
旋转图圆周上的小图不自转
第六十六集 —
css 样式(三十二)
内容提要:
伴有透明度变化的图片缩放效果
第六十七集 —
css 样式(之三十三)
内容提要:
移动渐变效果
第六十八集 —
css 样式(之三十四)
内容提要:
图片围绕纵轴正反转效果
第六十九集 —
css 样式(之三十五)
内容提要:
图片在原地方切换
第七十集 ——
css 样式(之三十六)
内容提要:
图片在移动中切换
第七十一集 —
css 样式(之三十七)
内容提要:
幻灯片轮播
第七十二集 —
css 样式(之三十八)
内容提要:
图片横向无缝循环滚动
第七十三集 —
css 样式(之三十九)
内容提要:
图片翻转效果
第七十四集 —
css 样式(之四十)
内容提要:
图片围绕X、Y、Z三轴旋转
第七十五集 —
css 样式(之四十一)
内容提要:
自动旋转木马
第七十六集 —
css 样式(之四十二)
内容提要:
带有滤镜特效的旋转木马
第七十七集 —
css 样式(之四十三)
内容提要:
《花伴芳容》兼谈贝塞尔曲线
第七十八集 —
css 样式(之四十四)
内容提要:
重点介绍图片缩放时的回弹效果
第七十九集 —
css 样式(之四十五)
内容提要:
图片自动循环缩放
第八十集 ——
css 样式(之四十六)
内容提要:
利用透明度的变化切换图片
第八十一集 —
css 样式(之四十七)
内容提要:
利用透明度使放大有扩散效果
第八十二集 —
css 样式(之四十八)
内容提要:
谈套用代码问题
第八十三集 —
css 样式(之四十九)
内容提要:
说说css样式的《嫦娥奔月》图
第八十四集 —
css 样式(之五十)
内容提要:
《远飞的大雁》
第八十五集 —
css 样式(之五十一)
内容提要:
《仙女下凡图》
第八十六集 —
css 样式(之五十二)
内容提要:
《双喜临门图》(图片无规则移动)
第八十七集 —
css 样式(之五十三)
内容提要:
《群女春图》
第八十八集 —
css 样式(之五十四)
内容提要:
《喜挂灯笼图》(制作步骤介绍)
第八十九集 —
css 样式(之五十五)
内容提要:
《四女戏秋图》(多图移动)
第九十集 ——
css 样式(之五十六)
内容提要:
《牛郎会织女》(有遮罩)
第九十一集 —
css 样式(之五十七)
内容提要:
简谈不同内核浏览器所用的“前缀”
第九十二集 —
css 样式(之五十八)
内容提要:
《封闭式旋转立方体菊花图》
第九十三集 —
css 样式(之五十九)
内容提要:
《开放式旋转立方体京剧脸谱图》
第九十四集 —
css 样式(之六十)
内容提要:
《众友聚“银龄”》(动画)
第九十五集 —
css 样式(之六十一)
内容提要:
Y轴旋转
第九十六集 —
css 样式(之六十二)
内容提要:
《旋转的少女》(垂直中心线为轴)
第九十七集 —
css 样式(之六十三)
内容提要:
《翻转的少女》(水平中心线为轴)
第九十八集 —
css 样式(之六十四)
内容提要:
绕X轴旋转的四面主视图
第九十九集 —
css 样式(之六十五)
内容提要:
描边文字遮罩的制作及效果
第一00集 ——
css 样式(之六十六)
内容提要:
《共圆中国梦》(静背景带转环)
第一0一集 —
css 样式(六十七)
内容提要:
《东方中国龙》(融入了移动标签)
第一0二集 —
css 样式(之六十八)
内容提要:
翻页动画(y轴旋转侧翻式)
第一0三集 —
css 样式(之六十九)
内容提要:
翻页动画(x轴旋转上翻式)
第一0四集 —
css 样式(之七十)
内容提要:
有背景的双道旋转木马
第一0五集 —
css 样式(之七十一)
内容提要:
由旋转木马演变的旋转轮
第一0六集 —
css 样式(之七十二)
内容提要:
介绍遮罩层
第一0七集 —
css 样式(之七十三)
内容提要:
四种不同的颜色遮罩
第一0八集 —
css 样式(之七十四)
内容提要:
透明图片遮罩
第一0九集 —
css 样式(之七十五)
内容提要:
文字遮罩的制作及效果
第一一0集 —
css 样式(之七十六)
内容提要:
颜色遮罩与渐变颜色遮罩
第一一一集 —
css 样式(之七十七)
内容提要:
渐变蒙版
第一一二集 —
css 样式(之七十八)
内容提要:
静态图片蒙版和动态图片蒙版
第一一三集 —
css 样式(之七十九)
内容提要:
遮罩的抠取与使用
第一一四集 —
css 样式(之八十)
内容提要:
蒙版的抠取与使用
第一一五集 —
css 样式(之八十一)
内容提要:
待续
第一一六集 —
css 样式(之八十二)
内容提要:
待续
本主题由 静竹 于 2019-2-4 14:21 设置高亮
双击自动滚屏
相关评论:
没有相关评论
发表评论:
用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)
|
心缘之梦
|
设为首页
|
加入收藏
|
联系我们
|
进入管理
|
联系人:
“心缘之梦”微信群yueyuanzhongqiu20080815