您的位置：首页 > Web前端 > JavaScript

关于Html,Css,JavaScript知识点的简单梳理

2015-07-27 21:58 761 查看

<!DOCTYPE html>

<html>

   <head>

       <title></title>       标题栏

       <meta http-equiv...> 连接

       <style></style>          设置式样css

       <script></script>     设置脚本javascript，与html的交互

   </head>

   <body>

       粗糙的网页内容

   </body>

</html>

最近这几天都在学些简单的有关于html，css和js的内容

这些最基础的都可以在w3cSchool里面查找。

自己在写遍是为了加深印象。

一，关于html内的一些东西

到现在有这么几个元素，是放置在body里面

1， h1到h6 标题元素，字体依次变小

2， p 段落

3， span 行内元素，可以单独设置式样

4， div 块元素

5， br 换行

6， a 连接元素

7， img 图片元素

8， ol 有序列表 ul无序列表以及列表项 li

9， table 表格行tr（tablerow）单元格td（tabledata）

10，表单 form

11，input 用于搜集用户信息

主要属性

   1，type，根据不同type值，创建不同类型的字段

   文本与密码框 input type=“text”，input type=“password“

   单选与复选框 input type=“radio” input type=“checkbox”

   按钮提交input type=“submit”重置reset 普通按钮button

   value 按钮的标题文本

   input type=“file”选择要上传的文件

12，label for：表示与该元素相联系的空间的id值

   作用，将文本与控件联系在一起后，单机文本，效果就同单机控件一样

   eg：<input type=“checkbox”id=“one”>

        <label for=“one”>不要公开</label>

13, select 选项框与option联系用

   eg：<select>

       <option value="1">java</option>

       <option value="2"></option>

        </select>

14，textarea 多行文本输入框 cols文本区域的列数，rows行数

关于设置一个页面的具体构架。按现在所学的知识，用div块元素来区分就行了。将一个页面自上而

下划分成几个块。在每个块里面，放置上述提到的14个元素。这样一个简单的页面就出来了，但是这

样很粗糙，接下来就需要用到css式样来使网页变好看。

二，关于css里面的一些东西

式样的设计可以放在html文件的head里面。但是更多的是外联。就是单独的以css类型保存文件。通

过连接来实现html文件的样式化。

1，background 背景有4个属性

      color      颜色

      image      图像

      repeat     重复值 repeat-x，水平重复，repeat-y垂直重复，no-repeat不重复

      position   改变图像在背景中的位置

      attachment 背景图片的固定

3，选择器，用来进行统一的分组，方便进行css，样式设计

   类选择器    .className{}

   元素选择器 html中的元素

   id选择器       # idName

   选择器分组选择器声明以逗号分隔

   伪类选择器用于向某些选择器添加效果选择器：效果名

4，尺寸与边框

   width和height

   overflow，当内容溢出元素框 4中visible，hidden，scroll，auto

   边框：border 可以封top right buttom left 4个方向

5，框模型（Box Model）

   定义了元素框处理元素内容，内边距（padding）边框（border）外边距（margin）

   框模型，有元素的长宽，内外边距，边框，实际占用为总和

6，文本格式化

   font-family 设置字体

   font-size   字体大小

   color        字体样式

   text-align 文本排列 left。right。center

   text-decoration 文字修饰 none。underline

   line-height 行高

   line-indent：value 首行文本缩进

7，表格式样

   padding，widtd，height，border，文本属性，border-collapse合并边框

8，浮动定位

   普通流定位，自上而下，自左及右

   浮动定位    带来的影响

   相对定位

   绝对定位

   float： none、left，right clear属性，用于清除浮动带来的影响

   position：规定元素的定位类型，static，relative。absolute，fixed

   只有在相对定位基础上才能用绝对定位

9，显示方式 display，用来改变生成框的类型

   none    让生成的元素没有框

   block   让行内元素表现的像块元素

   inline 让块元素表现的像行内元素

10，光标 cursor 属性定义了鼠标指针放在一个元素边界范围内所用的光标形状

11，列表样式

   list-style-type

   list-style-image

三，javascript（待续，未完成。）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航