• 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乘法表
  • 相关阅读:
    尝试使用word发布博客
    设计模式学习系列7 建造者模式
    设计模式学习系列6 原型模式(prototype)
    最近比较闲
    提高程序运行效率的10个简单方法(转)
    设计模式学习系列5 工厂模式
    【LINUX/UNIX网络编程】之使用消息队列,信号量和命名管道实现的多进程服务器(多人群聊系统)
    三十分钟掌握STL
    在python包管理中使用easy_install软件的步骤
    【转】推荐给大家的7本游戏开发书
  • 原文地址:https://www.cnblogs.com/hellangels333/p/8290422.html
Copyright © 2020-2023  润新知