黑马程序员技术交流社区

标题: HTML,CSS,JavaScript [打印本页]

作者: A190305490    时间: 2019-6-5 21:40
标题: HTML,CSS,JavaScript
****************HTML********************

<h1> to <h6>
<p>:段落标签
<br>:换行标签
<hr>:展示一条水平线   color:颜色 width:宽度 size:高度center:居中left:左对齐 right:右对齐
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中    color:颜色 size:大小 face:字体
width

img src
ol
li
ul 无序列表
a:定义一个超链接
href:指定访问资源的URL(统一资源定位符)
                                * target:指定打开资源的方式
                                        * _self:默认值,在当前页面打开
                                        * _blank:在空白页面打开

div和span:
                * div:每一个div占满一整行。块级标签
            * span:文本信息在一行展示,行内标签 内联标签

语义化标签:html5中为了提高程序的可读性,提供了一些标签。
                1. <header>:页眉
                2. <footer>:页脚

table:定义表格
                        * width:宽度
                        * border:边框
                        * cellpadding:定义内容和单元格的距离
                        * cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
                        * bgcolor:背景色
                        * align:对齐方式
                * tr:定义行
                        * bgcolor:背景色
                        * align:对齐方式
                * td:定义单元格
                        * colspan:合并列
                        * rowspan:合并行
                * th:定义表头单元格
                * <caption>:表格标题
                * <thead>:表示表格的头部分
                * <tbody>:表示表格的体部分
                * <tfoot>:表示表格的脚部分


****************CSS********************

外部样式
<style></style>
<link rel="stylesheet" href="">

选择器
#id{}
div{}
.class{}
input[type='text']{}
a:link{} a:houer{} a:active{} a:visited{}

属性
文本p{
        color                颜色
        font-size        大小
        text-align:center 居中
        line-height        行高
}

边框border: 1px solid red;

尺寸div{
        height        高度
        width        宽度
        background-color        背景颜色
        background:url("") no-repeat(不重复)        背景图片
}

盒子模型
        margin        外边距
        padding        内边距

        float left/right 浮动


****************JavaScript********************


--------------BOM-----------------

Window
方法
        alert()                警告框
        confirm()             确认框
        prompt()        输入框

        open()                打开新窗口
        close()                关闭窗口

        setTimeout(“alert()”,3000)           定时一次
        clearTimeout()        取消
        setInterval()        定时循环
        clearInterval() 取消

属性
        history                获取BOM对象
        location
        Navigator
        Screen
       
        document        获取DOM对象

Location
方法
        reload()        刷新
属性
        href            获取路径

History
方法
        back()                后退
        forward()        前进
        go()               
属性
        length                访问个数
       

--------------DOM-----------------

document.getElementById()          创建  Element对象事件
onclick                            事件  属性

Document        文档对象
        getElementById()                获取Element对象
        getElementsByTagName()
        getElementsByClassName()                数组
        getElementsName()

        createElement                        创建其他Element对象

Element                元素对象
        removeAttribute()                删除属性
        setAttribute()                        设置属性

Attribute        属性对象
Text                文本对象
Comment                注释对象

Node                节点对象-----DOM对象
方法
        appendChild()                末尾添加节点
        removeChild()                删除子节点
        replaceChild()                替换子节点
属性
        parentNode                返回父节点







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2