zoukankan      html  css  js  c++  java
  • 2018.1.15复习_ css+js


    【1】几个常见的css标签:--------------------------------------------------
    background-color; 设置背景颜色
    background-position:10px,-100px; 设置背景位置(背景位置起始值)
    background-image:url(./ 1.png); 设置背景图片
    backgroung-attachment:scroll; 背景跟着页面向下滚动
    background-attachment:fixed; 背景固定
    background-attachment:scroll; 背景跟随(默认)
    background-attachment:local; 跟随元件滚动



    【2】css的接入方式:-------------------------------------------------
    1、行内式 只是对当前标签 <style></style>
    2、内嵌式 在当前的head里,只对当前文件生效 < style=""></>
    3、链接式 在当前项目(的其他文件内)中,通过连接对当前文件生效 用<link rel="stylesheet" href="">
    4、导入式 【不常用】 @import ‘./mycss.css’

    【3】css选择器: 【重要!这个待完善...】
    1、通用选择器(*): 比较少见
    2、元素选择器(标签选择器)
    3、ID选择器(#开头)--接写标签名称
    4、类选择器(.号开头)
    5.属性选择器



    【4】css基本语法--------------------------------------------------
    1、选择器+属性+值 selector{property:value}



    【5】html标签重认识--------------------------------------------------
    块状元素
    <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<li>、<table>、<address> 、<form>
    内联元素
    <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>
    行内块
    <img>、<input>

    【6】关于html各种元素的转换------------------------------------------
    display:block inline inline-block
    由于可以转换,各种元素转换已经界限模糊,块级元素和行内元素转换
    display:block; 对齐
    display:inline-block; 底部线对齐


    【7】form表单提交方式--------------------------------------------
    <form action="http://www.baidu.com" target="_blank"></form>
    <!--“提交”给***后跳转到***(_blank一个新网页,_parent父类页面,_self当前页面)-->
    例子:
    <form action="http://www.baidu.com" target="_blank" method="post"> <!--method请求方式-->
    <input type="text"> <!--文本、电话、邮件、数字、滑块、-->
    <input type="text" value="提交"> <!--格式 submit提交按钮 reset重置 button自定义按钮+按钮上的提示文字-->
    </form>


    【8】java script--------------------------------------------------
    js需要依赖html,是“寄生语言”;js中代码块是在{}中,用“;”断句,
    例子:
    <script>
    alert('提示语输出')
    </script>

    【9】javascrip的几个小点【重要!】-----------------------------------------
    1、javascript支持三木运算 “?1 ;2 / '条件?是的话执行1否则执行2'”
    2、分支
    3、循环
    for in 遍历
    例子:
    <script type="text/javascript">
    var str=''
    for(var i=1;j<10;i++){
    str+='<div>'
    for(var j=1;j<=i;j++){
    str+='<span>'+i+'*'+j+'='+i*j+'......</span>'
    }else{
    str+='<span>'+i+'*'+j+'='+i*j+
    }
    }
    document.write()
    </script>

    【10】JavaScript中的 whil 和 dowhile 的区别
    do while是先执行一次再判断;while是先判断再执行
    【11】js函数的格式
    function 名字(参数){}
    function name(i,j){
    ...
    }

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <!--用JavaScript写1000以内的水仙花数-->
     4 <head>
     5     <meta charset="UTF-8">
     6     <title>用JavaScrip写1000以内的水仙花数</title>
     7 </head>
     8 <body>
     9     <script type="text/javascript">
    10         // 定义三个变量,用for循环遍历输出符合要求的值
    11         for (var a=1;a<10;a++){
    12             for (var b=0;b<10;b++) {
    13                 for (var c = 0; c < 10; c++) {
    14                     if (a * a * a + b * b * b + c * c * c == a * 100 + b * 10 + c) {
    15                         <!--JavaScript的输出是用 document()-->
    16                         document.write(a * 100 + b * 10 + c + " ")
    17 
    18                     }
    19 
    20                 }
    21             }
    22         }
    23 
    24     </script>
    25 </body>
    26 </html>
    用JavaScript写1000以内的水仙花数
     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>JavaScrip乘法表</title>
     6 </head>
     7 <body>
     8     <script type="text/javascript">
     9         var str='';
    10         for (var i=1;i<10;i++) {
    11             str += '<div>';
    12             for (var j = 1;j<=i;j++) {
    13                 if(j==i||i==9||j==1) {
    14                     str += '<span style="color:red";>' + i + '*' + j + '=' + i * j + '</span>'
    15                 }else{
    16 
    17                     str += '<span>' + i + '*' + j + '=' + i * j + '</span>'
    18                 }
    19             }
    20             str += '</div>'
    21         }document.write(str)
    22     </script>
    23 
    24 </body>
    25 
    26 </html>
    JavaScrip乘法表
  • 相关阅读:
    linux sysfs (2)
    微软——助您启动云的力量网络虚拟盛会
    Windows Azure入门教学系列 全面更新啦!
    与Advanced Telemetry创始人兼 CTO, Tom Naylor的访谈
    Windows Azure AppFabric概述
    Windows Azure Extra Small Instances Public Beta版本发布
    DataMarket 一月内容更新
    和Steve, Wade 一起学习如何使用Windows Azure Startup Tasks
    现实世界的Windows Azure:与eCraft的 Nicklas Andersson(CTO),Peter Löfgren(项目经理)以及Jörgen Westerling(CCO)的访谈
    正确使用Windows Azure 中的VM Role
  • 原文地址:https://www.cnblogs.com/hellangels333/p/8290422.html
Copyright © 2011-2022 走看看