1、网页样式美化 Tips 1.了解对象 样式的属性 ,进行搭配和调整 Eg01: Emmm, 这个 配色 有点 忽略忽略 以此为例看下怎么弄好看点 : 线 :线的样式代码中会有点 、实线 、线段等 ,根据情况选择 线的颜色 ,线的宽度 ( 粗细 ) 字 :字体大小 、字体位置 、字体颜色 ,字体的加粗等 框 :一般带矩形的 这样的标签 ,涉及到边框线 ,框的线还可以调整圆角角度 ; 框的内外还可以有阴影 ;边框 ( 容器 ,类似 等 ) 还涉及背景颜色 ,背景 透明度 等 (嘻嘻 ,露点小马脚 ) 2.颜色怎么搭 ? 具体的颜色怎么搭配 ,还得看每个人审美 ,审美也是可以培养的呀 ,比如看看网上
2、网页模板 有哪些样式 ,样式转化成代码 想想怎么弄各种百度关键词 ,制作一个高仿 : Eg02: 比如这个就是有点高级的感觉 : 黑灰的主色调 ( 背景图片的选择 ,也可以自己添加一个 显示在图片上面 ,背景为黑色 ,透明度调低 ) 凸显字体的白色 , 根据字的主次重要 ,大小写调整 ( 中间白线可以通过为 下面小字 加一个 容器 ,上边线白色 ,其它无颜色 none) , 加粗与非加粗 , 字体外面加以边框显示 ( 两个 嵌套 ,背景透明 ,边框线白色 , margin 与 padding联合使用 ,调整字体与边框上下间距 ,边框线 与边框线之间间距 ) , 左上角 更换别致的字体 表示它是一个 logo 样式一般由 CSS 控制 ,其实进阶一点 , CSS3 中样式设计会更多 ,再进一步通过Bootstrap, jQuery 添加 更多变化样式等 ( 可以 多多 百度哦 ! ) 具体颜色搭配还可以关注微博的视觉设计方面大咖 ,或者直接网页设计等等 ,果冻色系 。莫兰迪色系 等 , 都会有参考 在具体的网页实现上 ,可以 通过二进制颜色 表一一对比设置 ; ( 这是一部分哦 ) ( 再露一点小马脚 就溜 )