csdn_S2_Lesson1

做一个聊天室!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>标签内才能实现。

伟哥一如既往的幽默,哈哈。我也挺喜欢这样被电脑环绕的感觉。











   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值