css+html+js总结.doc

第2章 css+html+js目录一，web项目基础 知识11 web项目12 web服务器11） 常用的web服务器：12） tomcat13）第1种方式发布项目24） 修改Tomcat端口号25） 第2种发布项目方法26)使用MyEclipse操作tomcat2二，html知识31 .html的几点解释32.超链接31）跳到具体页面：32）跳到servlet页面33.ol与ul34 书名号的书写45 横线和换行46 斜体,粗体,删除体以及字体的大小47 上标和下标48 图片的插入49 段落4三，CSS51 Css51） 什么是css？52） css的用途52 css选择器51） 标记选择器52) class选择器5一，web项目基础 知识1 web项目可以发布到web服务器上的项目 1）web项目包含src和WebRoot两个子目录 a） src 目录包含java类以及一些配置文件的信息 b）WebRoot 项目的根目录，所有的web的文件（css,html js,图片等文件）放到webRoot下，但不要放到META-INF 和WEB-INF（暂时） c）WebRoot下面有一个lib，存放跟相关所有的jar文件 2） java企业级开发全是web项目- j2ee 2 web服务器 1） 常用的web服务器： tomcat,jboss,weblogic,websphere 2） tomcat bin目录，主要存放时服务器启动或关闭的文件 conf目录：主要存放tomcat服务器中主要的配置文件，尽量不要 随便修改 lib目录：主要存放服务器运行所需要的所有的jar，不要删除 任何jar，不然服务器可能无法运行 logs目录：记录服务器运行的信息（日志记录） temp目录：存放临时文件 work目录：主要存放jsp编译以后的文件 webapps目录：存放发布的项目 3）第1种方式发布项目 就是将项目根目录下面所有的内容，全部复制到tomcat/webapps 下面一个文件夹中，这个文件夹的名字，就是访问的项目url一部分 访问的目录：http：/服务器的IP地址：服务器的端口号/项目的名字（文件夹的名字） /显示页面 4） 修改Tomcat端口号 一般默认的端口号8080 建议：80 ，8080 ， 8088 5） 第2种发布项目方法 1 第2种发布项目方法 在conf中server.xml文件中，追加 地址：一定不能出现中文 不改变端口：8080 地址栏： http:/localhost:8080/要访问页面 不要添加项目名，tomcat直接就指向我们页面2 如何只通过ip就能访问该项目的页面 1) 先把端口号，改为80端口 2)WebRootWEB-INF 里面：web.xml first.html 6)使用MyEclipse操作tomcat a） 把tomcat 纳入到MyEclispse中b）使用myEclipse发布项目二，html知识1 .html的几点解释 我的第一个页面 2.超链接1）跳到具体页面： first third first要跳转的页面在该页面目录的上一层文件夹里2）跳到servlet页面 first3.ol与ul 李世民 朱元璋 赵匡胤 朱棣 这是会标清1,2，3,4 陈庆之 霍去病 白起蒋介石 这没有标清1,2，3，前面用黑点标识4 书名号的书写 <钢铁是怎么炼成>5 横线和换行横线： 换行：6 斜体,粗体,删除体以及字体的大小标题1 标题2 标题3标题4 标题5 标题6我是坏人 我是好老师 粗体 中国男足打进世界杯决赛，狂胜巴西6个球 7 上标和下标下标 标准字体上标8 图片的插入 9 段落 就是将项目根目录下面所有的内容，全部复制到tomcat/webapps 下面一个文件夹中，这个文件夹的名字，就是访问的项目url一部分 访问的目录：http：/服务器的IP地址：服务器的端口号/项目的名字（文件夹的名字） /显示页面神经病一个三，CSS1 Css 1） 什么是css？ 级联样式表 2） css的用途 css为页面提供统一的表现的形式 html 主要负责的是网页的整体结构和数据，不要掺杂过多样式，避免页面过于复杂 js 主要负责网页的行为 把网页的中，数据，样式，行为分离，便于代码管理2 css选择器 查找html中的标记，浏览器会根据选择器，找到与之匹配标记，然后 在该位置施加css对应的样式 1） 标记选择器 格式 标记选择器的名字（html标签的名字居多） 属性名1：属性值1； 属性名2：属性值2； . body color: blue; font-size: 19;p color:red ; font-style: blod; font-size: 35;h1 color:yellow; 2) class选择器 a）匿名的class的样式 格式： .选择器的名字（class=“值“） 属性名1： 属性值1； 属性名2： 属性值2； . 总结：只要class的值跟css选择匹配，全部找出来 b)class的样式（带标记） 标记.选择器的名字(标记-选择器) 属性名1： 属性值1； 属性名2： 属性值2；. body font-size:15; font-style: blod;.c1 color : pink; font-size: 35;.c2 color : purple; font-size: 24; 3) 使用id作为选择器（id的值在当前页面唯一，一般加入id属性，跟js结合使用） 格式： #选择器的名字 属性名1： 属性值1； 属性名2： 属性值2； . div.s1 color: red; font-size: 35px;span.s2 c