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

<!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(待续,未完成。)

你可能感兴趣的:(关于Html,Css,JavaScript知识点的简单梳理)