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乘法表
原文地址:https://www.cnblogs.com/hellangels333/p/8290422.html