html/css-CSDN博客

本文链接：https://blog.csdn.net/linkingfei/article/details/79628512

html部分

body体：

>文字标签：
<font>:
    size:大小，1-7
    color:red，66cc66(RGB方式)
>标题：
    <h1>-<h6>自动换行
>水平线：
    <hr/>:
        size:1-7
        color:同font
>转义：
    <:&lt
    >:&gt
    空格：&nbsp
    &：&amp
>列表标签：
    <dl>
        <dt></dt>
        <dd></dd>
    </dl>
>有序标签：
    <ol>(注：type=1,a,i)
        <li></li>
    </ol>
>无序标签：
    <ul>(注：type=circle,disc,squre)
        <li></li>
    </ul>
>图片标签：
    <img src="path" width=" " height="" alt="显示文字">
    注：
    路径问题：
        相对路径
            1、在同一个文件下，直接写
            2、在下层文件下，img/a.jpg
            3、在上层../c.png
                day\code\4.html
                day\c.png
>超链接：(get方式)
    <a href="path" target="_blank\_self\#">
    分别为在当前窗口打开、当前页面打开、不到任何地址
>资源定位：
    <a name="top">顶部</a>
    <a href="#top">回顶部</a>
>原样输出：
    <pre></pre>

表格：

<table>
    <caption></caption>
    <th></th>(居中加粗)
    <tr>(border,bordercolor,width,height)
        <td></td>(align=left,center,right)
    </tr>
</table>
合并单元格td:rowspan\colspan

表单：

<radio><checkbox>:value必须，name相同，默认chected="chected"
<type="file">
<select name="">
    <option value="" selected="selected"></option>
</select>
<textarea cols="" rows=""></texterea>
<type="hidden">
action:默认提交当前页面
method:get\post
enctype:文件上传设置
<type="submit">
图片提交:<input type="image" src="path">
按钮提交:<input type="button" value="">

其他：

<b>加粗、<u>下划线、<i>斜体、<s>删除线
<sub><sup>下上标、<p>段落
<div>自动换行、<span>不换行

head:

<head>
    <title></title>
    <meta>:keyword、http-equiv="refresh"、content="3;url=a.html"
    <base target="_blank">
</head>

框架标签

<frameset rows="80,*">  
    <frame name="top" src="a">
    <frameset cols="150,*">
        <frame name="left" src="b">
        <frame name="right" src="c">
    </frameset>
</frameset>

注：在b中,

css部分

导入css到html方式

1、<div style=";;">
2、
    <style type="text/css">
        div{ }
    </style>
3、
    <link rel="stylesheet" type="text/css" href="path">
注:优先级后加载的高

选择器：

1、标签选择器：<div><p>
2、class选择：.类名{}
3、id选择器：#id名{}
4、style
注：1-4优先级增高

其他选择器：

关联选择器
    <div><p></p></div>
    div p{ }选中div中的p部分
组合选择器
    不同标签，相同的样式
    div,p{}
伪元素选择器
    a:link、:hover 、:active、 :visited、

盒子模型：(div+css)

内边框padding
    padding:20px
边框border
    border:2px solid blue
外边框margin
    margin:auto/20px

css布局的漂浮：

float:none\left\right
float:left下一个漂到右边

定位position：

static默认
absolute从文档流中拖出

relative直接定位top、bottom、left

js部分：基于对象、事件驱动

组成：js语法、BOM浏览器对象模型、DOM文档对象模型

var str="456";
str+1 -> 4561
str-1 ->455
==(与类型无关)5=="5" true
=== 5==="5" false
document.write("");

这里写图片描述