做一个聊天室!css,Js,php都会涉及!
好吧,写下笔记。
一、css基础
作用是完成聊天室的UI设计。有三种方式完成对某一标签内的内容的CSS样式设计。
1.在标签里用属性进行设计
2.在<titel>标签里,对body里出现的一个标签进行css定义,而这也有三种方式
P可以对应的是标签名,这样所有<p>的默认css样式表都是这样了,但如果在标签里重新进行属性设置,则按标签内的属性显示。遵循就近原则。
这就好像是设置默认值,与重赋值。
#+标签的id值,也能实现对某一特定的标签的定义。
·+某以标签的类名,能实现对一类标签的定义。
3.外联css文件
即在另外的css文件里对网页进行css样式设计,将所有的css样式集中在一个文件里,方便查找,写入,修改。外联通过
实现。
在引用外联文件的时候也不能忘了两个文件间的关系,避免访问不到。
语法规则同<title>标签里。
二、表单<form>
action的值为数据返还的地址。method有"get"和"post"两种,其中post传输的内容更多且更为安全。
这部分比较简单。为了实现用户的输入。<input type="#$%" />
type的类型需要用到的有
1.“text”实现简单的文本输入
2.“textarea”可以实现一大段文字录入,录入的窗口也较大(可设置其宽高属性)
3.“password”这样别人就看不见你输的内容啦
4.“submit”提交
5.“reset”重置信息
另外,还有选择按钮<select>标签,在其内通过<option>标签设置选择内容。
关于<div>,我想它可以实现网页的简单排版,因为可以随时增加内容在网页的任意位置。
UI处理好啦,接下来就是功能的实现了。
三、JS基础
有c++基础的我们感觉真的好简单。
var可实现对任何变量的定义。觉得很爽快····
alert相当于输出,会在页面跳出提示框,不过我觉得这个提示框挺丑的。
JS语句需要在<script>标签内才能实现。
伟哥一如既往的幽默,哈哈。我也挺喜欢这样被电脑环绕的感觉。