• html/css笔记


    html:

    1.<img>图像,要显示出图像一定要有src. alt属性是预备的可替换文本。 <img src="boat.img" alt="boat">

    2.table. <tr>表示行,<td>表示列,数据单元格的内容。<th>表头。边框 border="1"

    3.无序列表:一个项目的列表。无序列表始于<ul>标签,每个列表(行)始于<li>标签。   

       有序列表。有序列表始于<ol>标签,每行始于<li>标签。

    4.<div>块级元素,可用于HTML布局,和table功效差不多。

    5.html中注释<!-- -->

    6.表单标签<form>,输入标签<input>。  下拉列表<select>,中间放<option>代表下拉列表项。 

    7.<link>标签定义文档与外部资源间的关系。 <link rel="stylesheet" type="text/css" href="mystyle.css" >

     ````````````````````````````````````````````````````````````````````````````````````````

    css(层叠样式表):

    1.常用选择器:

    (1).[attribute]用于选取指定元素的元素;

    (2).[attribute=value]选取带有指定元素和值的元素;

    (3).[attribute=~value]选取包含value的元素;

    (4).[attribute|=value]选取以value开头的元素,value值必须是整个单词;

    2.属性值和单位之间不要留空格。如:margin-left: 20px;错误;margin-left:20px;正确

    3.background-color背景色;background-image;  backgrond-attachment:fixed 把图像固定到可视区,防止图像滚动。

    4.链接的状态顺序,a:link;  a:visited; a:hover; a:active        text-decoration:none去掉链接的下划线

    5.列表: list-style-type; list-style-image;

    6.框模型:

    7.  *.classname和.classname的作用是一样的,选择所有class的值是classname的class。可以为任意多个元素指定类,如h1,p都可以指定

    8. opacity显示不透明度。eg:div[opacity:0.5;]

    ````````````````````````````````````````````````````````````````````````````````````````

     javascript笔记

    1. document.getElementById("some id");

    2.document.write("<p>write something</p>");  或  document.getElementById("some id").innerHTML="welcome to my homepage";在javascript写,在页面中显示出文字,前者为在新的页面显示文字,后者是在“some id”那里显示;

    3.javascript可放在head和body中,, 一般把javascript的函数放在head中或body底部。

    4.引用外部的javascript,,,<script type="text/script"   src="/js/haha.js"></script>

    5.用var来声明变量,eg:var name;  再赋值name="Bill";当向变量分配的是文本值时,应加双引号或单引号将这个文本值包围,eg: var x="Bill";    当向变量分配的是数字时,不加引号。eg:var pi=3.141;

     

  • 相关阅读:
    php ajax分页的例子,在使用中
    PHP远程文件管理,可以给表格排序,遍历目录,时间排序
    背景变暗的div可拖动提示窗口,兼容IE、Firefox、Opera
    CSS简洁的左侧菜单(侧拉菜单,向右显示)
    无间断循环滚动(兼容IE、FF)
    poj 1007 求逆序数
    poj 1775 简单搜索
    面向对象之继承和组合浅谈
    在flex中导入fl包
    C99中包括的特性
  • 原文地址:https://www.cnblogs.com/aazhangqq/p/3628417.html
Copyright © 2020-2023  润新知