前端第一课
来源:互联网 发布:mayo clinic知乎 编辑:程序博客网 时间:2024/06/16 22:12
1.HTML:超文本标记语言
文件标记标签:head、title、body
排版标记标签:p、br、hr、center、div
字体标记标签:stronger、b、i、u、H1、H2、H3、H4、H5、H6、font
清单标记标签:ol、li、ul、dl、dt、dd
表格标记标签:table、tr、td、th
表单标记标签:form、input、select、option、textarea
框架标记标签:iframe、frameset、frame
超链接标签:a
其它标签:emberd、img、link、meta、marquee
2.CSS:层叠样式表
CSS属性:
背景:background-color、background-image、background-repeat、background-position:center
文本:text-indent、text-align、word-spacing、letter-spacing、text-decoration、color、direction、line-height
字体:font-family、font-size、font-style、font-weight
列表:list-style、list-style-image、list-style-type
内边距:padding-top、padding-right、padding-bottom、padding-left
外边距:margin-top、margin-right、margin-bottom、margin-left
边框:border、border-style、border-width、border-color
定位: position、top、right、bottom、left、overflow、z-index、float
尺寸:width、height、max-height、max-width、min-height、min-width
3.编程的规范性:
A. 统一用小写的字母、数字和下划线的组合(不得包含空格和特殊字符)
B. 首页统一取名为:index或者home,一般默认都是用index为首页命名
4.命名
放在页面首部的广告、装饰图等长方形大图取名:banner
标志性图片取名:log
有链接的图片取名:button
没有链接的标题图片取名:title
装饰用的照片取名:pic
在页面上连续出现、性质相同的栏目图片取名:menu
5.页面结构
容器框架 frame/container
页头 header
页尾 footer
内容框架 wrapper/content
侧栏 sidebar
6.导航结构
导航 nav
主导航 mainnav
子导航 subnav
顶导航 topnav
菜单 menu
子菜单 submenu
标题 title
图标 icon
7.功能结构
标志 logo
登陆 login
登陆条 loginbar
注册 regist
评论 review
子菜单 submenu
标题 title
图标 icon
按钮 button/btn
搜索 search
8.meta标签:用于定义文件头信息,告诉浏览器需要干一些什么事情
网页字符集:设置浏览器解释页面的字符内容
格式:<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
自动跳转:设置网页过多久跳转到指定页面
格式:<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
keyword:设置搜索关键字内容,格式:<meta name="keywords" content="关键字内容"/>
description:设置描述关键内容,格式:<meta name="description" content="进行一些表述" />
author:设置网页作者,格式:<meta name="author" content="作者信息"/>
9.link:引入css文件,格式:<link rel="stylesheet" type="text/css" href="路径">
script:引入js文件,格式: <script type="text/javascript" src="路径"></script>
10.空链接的两种设置模式
<a href="#">撮我</a>:链接到当前页面
<a href="javascript:void(null)">撮我</a>:空连接,不跳转到任何页面(推荐使用)
11.兼容性是指硬件之间、软件之间或是软硬件组合系统之间的相互协调工作的程度。
12.判断IE浏览器版本方法
条件判断固定格式:<!--[if条件版本]>需要显示的内容<![endif]-->
排除条件:[if !IE 6] 除了IE6其他的都能显示
等于条件和或者条件:[if IE 8]、[if(IE 8)|(IE 10)]
高于版本和低于版本(不包含当前版本):[if gt IE 8]和 [if lt IE 8]
高于版本和低于版本(包含当前版本):[if gte IE 8]和 [if lte IE 8]
介于两个版本之间:[if(gt IE 7)&(lt IE 10)]
- 前端开发第一课!!!
- 前端第一课
- WEB前端第一课之ps
- 前端开发第一日
- 第一个Web前端
- 前端入门第一课 概念和基础路线整理
- 前端速学成财:第一课-JavaScript历史
- 前端之路——jquery第一课
- 百度前端技术学院第一题
- 前端面试题第一套
- 前端工作第一月小结 欢迎指正
- web前端之路 第一个脚印
- 前端编写第一个后台接口
- 我的第一个web前端博客
- 前端学习第一弹:制作简易菜谱
- WEB前端HTML第一个网页
- 记--读国内第一本Web前端黑客书
- 【攻略】淘宝前端智勇大闯关-第一季
- Java做的简易计算器
- Java Applet基础
- C语言基础练习(1)
- 简单加减乘除括号的计算器实现
- java error:Could not find or load main class
- 前端第一课
- 正则表达式验证用户登录是否合法
- 比较多个日期从中找出最早最晚时间,并统计出现次数
- Error:Plugin with id 'com.github.dcendents.android-maven' not found.
- 如何在Eclipse中显示空格(space)和制表符(tab)
- 使用GetMethod方法时,如果URL有中文报错的解决办法
- TensorFlowOnSpark stuck
- 【加密算法】 SSL常见加密算法
- Distcp方式