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乘法表
2018.1.15复习_ css+js的更多相关文章
- 前端工程师面试问题归纳（一、问答类html/css/js基础）
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...
- HTML/CSS/JS编码规范
最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签 ...
- 用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度
Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录 前文列表 扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...
- vs合并压缩css,js插件——Bundler & Minifier
之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs ...
- css+js+html基础知识总结
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...
- HTML---引入css,js | 常用标签示例
一.前端基础包括哪些?如何理解 二.css,js引入_及head中其他标签 三.特殊符号 四.常见的标签 4.1,form表单 4.2,input系列(单选框.复选框.input传文件.重置) 4.3 ...
- 使用html+css+js实现魔性的舞蹈
使用html+css+js实现魔性的舞蹈,让我们燥起来!!! 效果图: 代码如下,复制代码即可使用: <!DOCTYPE html> <html > <head> ...
- html+css+js实现网页拼图游戏
代码地址如下:http://www.demodashi.com/demo/14449.html 项目描述 使用 html+js+css 实现一个网页拼图游戏,可支持简单,中等,困难三种难度. 演示效果 ...
- 解惑：如何使用html+css+js实现旋转相册，立方体相册等动画效果
解惑:如何使用html+css+js实现旋转相册,立方体相册等动画效果 一.前言 最初还是在抖音上看到可以使用简单地代码实现炫酷的网页效果的,但是想要找到可以运行的代码还是比较困难的,最近突然想起就在 ...
随机推荐
- 快速掌握Java8 Stream函数式编程技巧
函数式编程优势 "函数第一位",即函数可以出现在任何地方. 可以把函数作为参数传递给另一个函数,还可以将函数作为返回值. 让代码的逻辑更清晰更优雅. 减少了可变量(Immutabl ...
- 【原创】xenomai内核解析--双核系统调用(二)--应用如何区分xenomai/linux系统调用或服务
版权声明:本文为本文为博主原创文章,转载请注明出处.如有错误,欢迎指正. 1. 引出问题 上一篇文章xenomai内核解析--双核系统调用(一)以X86处理器为例,分析了xenomai内核调用的流程, ...
- 并发压测 jmeter使用教程
百度网盘下载软件 提取码: 2nur 第一步:首先从jmeter的官网下载jmeter,目前最新版本为4.0,支持的JDK最高为1.8 下载地址: jmeter:http://jmeter.apach ...
- es 讲义
链接: https://pan.baidu.com/s/193jObXs85OZcvAHDycUXlw 提取码: ewbp
- 探索ParNew和CMS垃圾回收器
前言 上篇文章我们一起分析了JVM的垃圾回收机制,了解了新生代的内存模型,老年代的空间分配担保原则,并简单的介绍了几种垃圾回收器.详细内容小伙伴们可以去看一下我的上篇文章:秒懂JVM的垃圾回收机制. ...
- 【应用服务 App Service】App Service发生错误请求时，如何查看IIS Freb日志，从中得知错误所发生的模块，请求中所携带的Header信息
问题描述 在使用Azure App Service时候,我们有时候对 一些请求发生错误毫无头绪,能从错误代码中知道请求错误,但是更多的信息呢? 当我们需要更多的信息时候,通常有以下的一些方式来查找问题 ...
- 【Azure Redis 缓存 Azure Cache For Redis】Redis性能问题，发现Server Load非常的高，导致正常连接/操作不成功
问题描述 在正常使用Azure Redis的服务中,突然发现Redis 的CPU达到了100%, 正常的使用中发现性能问题严重.从Redis的门户图表中,观察到CPU, Connection,Lent ...
- Dijkstra算法 python实现
1.Dijkstra算法的基本实现 \(O(n^2)\) 简介: Dijkstra算法是从一个顶点到其余各顶点的最短路径算法,解决的是有权图中最短路径问题.迪杰斯特拉算法主要特点是从起始点开始,采用贪 ...
- python3异步爬虫 ——aiohttp模板使用
一.简单使用和讲解 import aiohttp import asyncio async def fetch(client): async with client.get('http://httpb ...
- 想买保时捷的运维李先生学Java性能之 垃圾收集算法
前言 从原来只知道-Xms.-Xmx是设置内存的,到现在稍微理解了一些堆内存等Java虚拟机的一些知识.明白了技术这一个东西还是得要有输入才能实践,原理与实践要相辅相成,后续把JVM的监控好好总结一下 ...