[笔记]前端

来源:互联网 发布:手机必备软件大全 编辑:程序博客网 时间:2024/05/22 05:23

前言:本文是课堂笔记,记录了一个下拉菜单的页面分解和搭建过程:




1页面分析

1.1  页面

大盒子:放标题和菜单 DIV

标题: Menu  h1-h6

菜单:ul li


1.2 样式:

大盒子:宽高,居中显示,边框圆角,阴影。。

标题:宽高,背景颜色,字体颜色,间距

菜单:宽高,背景颜色,间距,(li的灰色边框)

鼠标滑过:标题的背景,大盒子的高,


2 页面布局

开发工具:web


阴影:


3 实战


box-shadow, 

h-shadow,v-shadow,blur,spread,color,inset

/* 鼠标滑过 */

#menu:hover{

}


1 网页基础

2 JS 网页特效

3 H5前端开发,标签 HTML5+CSS3

4 JQuery 网页特效 Ajax

5 bootstrap框架

6 移动和前端工程化: zepto,node.js.webpack,react,




0 0
原创粉丝点击