素材网址合集 - 灵感酷站 - 《设计劝退所》

世界妖怪神话网站
山海经 http://www.cbaigui.com/
「日本鬼怪资料研究所」日本民俗文学中收集的有关鬼怪和妖怪的资料大全。http://t.cn/Ai9dGat6
中国妖怪百集「知妖」中国古今所有妖怪的信息和出处。https://www.cbaigui.com/
「神魔精妖名辞典」很专业的一个网站，囊括了世界上基本所有神话体中的神灵和妖魔，物种。可以根据区域搜索，也可以通过关键词找。http://t.cn/AiRZwoST
「克苏鲁百科」克苏鲁神话里所有人物生物诸神种族，还有衍生等等。这个网站很新~http://t.cn/A6z4eCTh
「日本鬼怪在线数据库」有日本几乎所有鬼怪的资料，这个网站插图很丰富，也很有艺术性。http://t.cn/R1W6rYe
「鬼怪查找器」跟上面的是一家，检索可以直接点这里。http://t.cn/A6z4eCTZ
「宝可梦百科」关于口袋妖怪的一切知识（可能也算是某种妖怪？）http://t.cn/SbN84y
「希腊神话大全」有名词辞典、人物和神祗的传记等等。也很全，但也是要网页翻译。http://t.cn/zHTBk09[/cp]
日本鬼怪http://yokai.com/

其他类：

30秒快速挑战人体速写的网站，每30秒会随机刷新一张人体解剖动态。http://www.posemaniacs.com/blog/sp/
朋友之间生成保密协议https://www.frienda.space/

日本网站：

http://bm.straightline.jp/
https://archive.org/
云计算网站https://alphaus.cloud/jp/
网页http://bm.straightline.jp/
https://www.webdesignclip.com/
日本卡哇伊：http://kawacolle.jp
日本网页设计https://www.webdesignclip.com/
https://www.xuansite.com/
日本网站http://4db.cc/
https://81-web.com/
http://bm.straightline.jp/
http://natsuikeiko.com/
http://suzumon.co.jp/
日本网页设计欣赏http://muuuuu.org
http://bm.straightline.jp
http://4db.cc/
日本服装http://shinsou.minpaku.ac.jp/
https://digital.bunka.ac.jp/kichosho_e/index.php
日本废墟https://haikyo.org/~/abandoned/
景点https://www.tokyo-date.net/
http://flatinspire.com/

韩国网站：

韩国酷站https://www.giantsoft.co.kr/?ckattempt=1
https://musign.net/
http://www.plani.co.kr/
https://studio-jt.co.kr/
http://www.jbrix.co.kr/
https://www.pulipinc.com/
http://theuber.co.kr/
http://crespe.co.kr/main/index.php
http://www.wylie.co.kr/
http://www.inpix.com/
http://www.malgum.com/
韩国网页设计欣赏http://inagblog.com
韩国网站https://notefolio.net/

台湾网站：

台湾可爱网站https://www.mydesy.com/

网站注册流程

注册快云（www.kuaiyun.cn）——实名认证
购买域名——域名实名
购买虚拟主机
备案
1.身份证正反面（尽量少的多余信息）
2.备案核验单（名字+个人（打勾）+域名（不加前缀）+注册商（中国数据）名字+日期）
3.域名证书
4.幕布照片
主机绑定域名
域名解析
景安管理中心，域名解析——域名解析管理
DNS解析管理-添加记录
选择CNAME 900
记录值为域名解析别名
建立3条记录1（*）2（空格）3（www）
查询是否解析完成
cmd
ping www.域名.com
回车
FTP上传

WUI单词表

CSS命名规范

一、页面结构
容器：container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
二、导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题：title
摘要：summary
三、功能
标志：logo
广告：banner
登录：login
登陆条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的：current
小技巧：tips
图标：icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：friendlink
版权：copyright
四、颜色
使用颜色的名称或者16进制代码，如
.red{ color:red; }
.f60{ color: #f60; }
.ff8600 { color:#ff8600;}
五、字体大小
直接使用“font+字体大小”作为名称，如
.font12px{ don’t-size:12px; }
.font9pt{ font-size:9pt; }
六、对齐样式
使用对齐目标的英文名称，如
.Left { float: left}
七、标题栏样式
使用“类别+功能”的方式命名，如
.barnews{ }
.barproduct{ }
八、注意事项
1. 一律小写；
2. 尽量使用英文；
3. 不加中杠和下划线；
4. 尽量不要缩写，除非一看就明白的单词；
九、样式文件命名
主要的master.css
模块module.css
基本共用base.css
布局，版面layout.css
主题themes.css
专栏columns.css
文字font.css
表单forms.css
补丁mend.css
打印print.css

常用单词

title：标题
body：身体
list：列表
link：链接
italic：斜体
bold：加粗
input：输入
under：下面的
size：大小
text：文本
align：对齐
decoration：修饰
line：线，行
width：宽
height：高
background：背景
repeat：重复：
position：位置
style：样式
login：登录
border：边框
line-height：行高
image：图像
source：资源
top：顶部
font：字体
through：穿过
indent：缩进
weight：加重
display：显示类型
visibility：显示可见
hidden：隐藏
visible：显示
overflow：溢出
margin：边界
padding：填充
normal：正常
current：当前项
nav：导航
menu：菜单
content：内容
search：搜索
show：出现
click：点击
document：文档
type：类型
transparent：透明的
class：类
test：练习
solid：实线
dotted：点划线
name：名
font-family：字体
font-weight：字体粗细
font-size：字体大小
font-style：字体样式
color：颜色
white：白色
red：红色
green：绿色
blue：蓝色
black：黑色
gray：灰色
yellow：黄色
inside：内
block：块
head：头
outside：外
letter-spacing：字符间距
list-style-type：列表类型
none：无
float：浮动
inline：内嵌（行内）
bottom：下
left：左
right：右
center：居中
position：位置
relative：相对的
absolute：绝对的
fixed：固定的
auto：自动
table：表格
background-color：背景颜色
background-image：背景图片
background-repeat：背景重复
float：浮动
clear：清楚

CSS规则定义代码对应关系

一、类型
font-family 字体
font-size 字体大小
font-style 字体样式
italic 斜体
oblique 偏斜体
line-height 行间距/行高
font-weight 字体粗细
font-variant 字体变形
small-caps 小型大写字母
text-transform 大小写
capitalize 首字母大写
text-decoration 文本修饰
underline 下划线
overline 上划线
line-through 删除线
blink 闪烁
none 无
color 颜色
二、背景
background-color 背景颜色
background-image 背景图片
background-repeat 背景重复
fixed 固定的
scroll 滚动
background-position(X) 背景水平位置
background-position(Y) 背景垂直位置
right 右对齐
center 居中对齐
left 左对齐
三、区块
word-spacing 单词间距
letter-spacing 字母间距
vertical-align 垂直对齐
baseline 基线
sub 下标
super 上标
top 顶部
text-top 文本顶对齐
middle 中线对齐
bottom 底部
text-bottom 文本底对齐
text-align 文本对齐
text-indent 文本缩进
white-space 空格
normal 正常
pre 保留
nowrap 不换行
display 显示
inline 内嵌
block 块
list-item 列表项
run-in 追加部分
inline-block 内连块
compact 紧凑
marker 标记
table 表格
inline-table 内嵌表格
table-row-group 表格行组
table-header-group 表格标题组
table-footer-group 表格注脚组
table-row 表格行
table-column-group 表格列组
table-column 表格列
table-cell 表单单元格
table-caption 表格标题
inherit 继承
四、方框
width 宽度
height 高度
float 浮动
clear 清除
padding 填充
margin 边距
top 上
right 右
bottom 下
left 左
五、边框
style 样式
dotted 点划线
dashed 虚线
solid 实线
double 双线
groove 槽状
ridge 脊状
inset 凹陷
outset 吐出
width 宽度
color 颜色
六、列表
list-style-type 类型
disc 圆点
circle 圆圈
square 方块
lower-alpha 小写字母
list-style-image 项目符号图像
list-style-position 位置
inside 内
outside 外
七、定位
position 位置
absolute 绝对
fixed 固定
relative 相对
static 静态
visibility 显示
inherit 继承
visible 可见
hidden 隐藏
width 宽度
z-index Z轴
height 高度
overflow 溢出
scroll 滚动
placement 定位
clip 剪辑
八、扩展
page-break-before 之前
page-break-after 之后
auto 自动
always 总是
cursor 光标
filter 过滤器

灵感酷站

设计类

免费建站

网页设计

主题类网站

优秀个站：

教育类：

屏保类：

技术类：

文章资讯、品牌广告类：

物流类：

食品类：

航拍类：

生物化学类：

乐器类：

游戏类：

历史类：

服装类：

家装类：