【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乘法表

2018.1.15复习_ css+js的更多相关文章

  1. 前端工程师面试问题归纳（一、问答类html/css/js基础）

    一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...

  2. HTML/CSS/JS编码规范

    最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签 ...

  3. 用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度

    Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录 前文列表 扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...

  4. vs合并压缩css,js插件——Bundler & Minifier

    之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs ...

  5. css+js+html基础知识总结

    css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...

  6. HTML---引入css,js | 常用标签示例

    一.前端基础包括哪些?如何理解 二.css,js引入_及head中其他标签 三.特殊符号 四.常见的标签 4.1,form表单 4.2,input系列(单选框.复选框.input传文件.重置) 4.3 ...

  7. 使用html+css+js实现魔性的舞蹈

    使用html+css+js实现魔性的舞蹈,让我们燥起来!!! 效果图: 代码如下,复制代码即可使用: <!DOCTYPE html> <html > <head> ...

  8. html+css+js实现网页拼图游戏

    代码地址如下:http://www.demodashi.com/demo/14449.html 项目描述 使用 html+js+css 实现一个网页拼图游戏,可支持简单,中等,困难三种难度. 演示效果 ...

  9. 解惑：如何使用html+css+js实现旋转相册，立方体相册等动画效果

    解惑:如何使用html+css+js实现旋转相册,立方体相册等动画效果 一.前言 最初还是在抖音上看到可以使用简单地代码实现炫酷的网页效果的,但是想要找到可以运行的代码还是比较困难的,最近突然想起就在 ...

随机推荐

  1. VMware虚拟机中共享文件夹 开机启动

    输入命令: sudo /usr/bin/vmhgfs-fuse .host:/ /mnt/hgfs -o allow_other -o uid=1000 -o gid=1000 -o umask=02 ...

  2. rabbitmq之后台管理和用户设置

    前言 前面介绍了erlang环境的安装和rabbitmq环境安装,接下来介绍rabbitmq的web管理和用户设置. 启用后台管理插件 通过后台管理插件我们可以动态监控mq的流量,创建用户,队列等. ...

  3. 第七章 TCP和UDP原理

    一.引入 1.TCP/IP协议族的传输层协议主要包括TCP和UDP 2.TCP是面向连接的可靠的传输层协议.它支持在并不可靠的网络上实现面向连接的可靠的数据传输 3.UDP是无连接的传输协议,主要用于 ...

  4. C++常用数据类型

    基本的内置类型 C++ 为程序员提供了种类丰富的内置数据类型和用户自定义的数据类型.下表列出了七种基本的 C++ 数据类型: 类型 关键字 布尔型 bool 字符型 char 整型 int 浮点型 f ...

  5. BGP - 不同 AS 间运行的协议

    在之前介绍的网络场景中,ERGRP,OPSF,RIP 等都是运行在单独一个 AS(自治系统之间).这些协议统称为 IGP - 内部网关协议 ,目的主要是为自治系统内发现邻居和计算路由,从而找到合适的路 ...

  6. Compareto方法

    很多时候我们写Compareto方法是用于排序,那么排序就涉及到数据位置交换. 所以要注意compareto返回值的含义,通过一个例子来看一下: 假设对象的num属性作为比较标准,对象为testVO ...

  7. ssm整合之springmvc.xml文件

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...

  8. D. Bash and a Tough Math Puzzle 解析(線段樹、數論)

    Codeforce 914 D. Bash and a Tough Math Puzzle 解析(線段樹.數論) 今天我們來看看CF914D 題目連結 題目 給你一個長度為\(n\)的數列\(a\), ...

  9. Luogu P5450 [THUPC2018]淘米神的树

    题意 写的很明白了,不需要解释. \(\texttt{Data Range:}1\leq n\leq 234567\) 题解 国 际 计 数 水 平 首先考虑一开始只有一个黑点的情况怎么做. 我们钦定 ...

  10. Boxing

    测试自动装箱和自动拆箱,意思是运行的时候编译器帮我们加了两个代码: public class AutoBoxingandUnBoxing { public static void main(Strin ...