html 笔记2
2024-08-31 14:30:30
、css重用 <style>
如果整个页面的宽度 > 900px时:
{
.c{
共有
}
.c1{
独有
}
} .c2{
独有
}
</style> <div class='c c1'></div>
<div class='c c2'></div>
、自适应 和 改变大小变形
左右滚动条的出现
宽度,百分比 页面最外层:像素的宽度 => 最外层设置绝对宽度 自适应:media 、默认img标签,有一个1px的边框
img{
border: ;
} 、作业中的数量输入框 、块级和行内
、form标签
<form action='http://sssss' methed='GET' enctype='multi'>
<div>asdfasdf</div>
<input type='text' name='q' />
<input type='text' name='b' />
# 上传文件
<input type='file' name='f' />
<input type='submit' />
</form>
GET: http://sssss?q=用户输入的值
http://sssss?q=用户输入的值&b=用户输入的内容 POST:
请求头
请求内容
、display: block;inline;inline-block
、float:
<div>
<div style='float:left;'>f</div>
<div style='clear:both;'></div>
</div> 、margin: auto;
、padding, ---> 自身发生变化 CSS补充
position:
a. fiexd => 固定在页面的某个位置 b. relative + absolute <div style='position:relative;'>
<div style='position:absolute;top:0;left:0;'></div>
</div> opcity: 0.5 透明度
z-index: 层级顺序
overflow: hidden,auto
hover background-image:url('image/4.gif'); # 默认,div大,图片重复访
background-repeat: repeat-y;
background-position-x:
background-position-y: 示例:输入框 JavaScript
独立的语言,浏览器具有js解释器 JavaScript代码存在形式:
- Head中
<script>
//javascript代码
alert();
</script> <script type="text/javascript">
//javascript代码
alert();
</script>
- 文件
<script src='js文件路径'> </script> PS: JS代码需要放置在 <body>标签内部的最下方 注释
当行注释 //
多行注释 /* */ 变量: python:
name = 'alex'
JavaScript:
name = 'alex' # 全局变量
var name = 'eric' # 局部变量 写Js代码:
- html文件中编写
- 临时,浏览器的终端 console 基本数据类型
数字
a = ;
字符串
a = "alex"
a.chartAt(索引位置)
a.substring(起始位置,结束位置)
a.lenght 获取当前字符串长度
...
列表(数组)
a = [,,] 字典
a = {'k1':'v1','k2':'v2'}
布尔类型
小写 for循环
. 循环时,循环的元素是索引 a = [,,,]
for(var item in a){
console.log(item);
} a = {'k1':'v1','k2':'v2'}
for(var item in a){
console.log(item);
} .
for(var i=;i<;i=i+){ } a = [,,,]
for(var i=;i<a.length;i=i+){ } 不支持字典的循环 条件语句
if(条件){ }else if(条件){ }else if(条件){ }else{ } == 值相等
=== 值和类型都相等
&& and
|| or 函数: function 函数名(a,b,c){ } 函数名(,,) Dom
、找到标签
获取单个元素 document.getElementById('i1')
获取多个元素(列表)document.getElementsByTagName('div')
获取多个元素(列表)document.getElementsByClassName('c1')
a. 直接找
document.getElementById 根据ID获取一个标签
document.getElementsByName 根据name属性获取标签集合
document.getElementsByClassName 根据class属性获取标签集合
document.getElementsByTagName 根据标签名获取标签集合 b. 间接
tag = document.getElementById('i1') parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementtSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素 、操作标签 a. innerText 获取标签中的文本内容
标签.innerText 对标签内部文本进行重新复制 标签.innerText = "" b. className
tag.className =》 直接整体做操作
tag.classList.add('样式名') 添加指定样式
tag.classList.remove('样式名') 删除指定样式 PS: <div onclick='func();'>点我</div>
<script>
function func(){ } </script> c. checkbox
获取值
checkbox对象.checked
设置值
checkbox对象.checked = true
最新文章
- JavaScript中的百变大咖~this
- 【转】centos关机与重启命令详解
- guava学习--SettableFuture
- uva705--slash maze
- NOIP2008 T3 传纸条 解题报告——S.B.S.
- .Net 项目代码风格要求小结
- [BZOJ2753][SCOI2012]滑雪与时间胶囊(特殊的有向树形图)
- C++——类和动态内存分配
- win8安装python环境和pip &; easy_install工具
- eclipse下编译openfire3.9.1源码
- PC--CSS常识
- hahahahah
- Android Cocos2d-x游戏集成友盟社会化组件分享功能
- 判断0-N之间出现1的次数
- [UIKit学习]02.关于UIButton
- 【转】Redis一般会遇到的问题以及解析
- 【读书笔记】iOS-网络-使用Game Kit实现设备间通信
- tomcat 启动 关闭 重启脚本
- 转载人家写的CURSOR
- LOJ2476. 「2018 集训队互测 Day 3」蒜头的奖杯 &; LOJ2565. 「SDOI2018」旧试题(莫比乌斯反演)
热门文章
- [Debug]SpaceVim中neomake报错 Error while trying to load a compilation database
- Java的TreeMap,C++的lower_bound,合并间隔
- 轻松学习JavaScript二十二:DOM编程学习之节点操作
- angularjs ng-app
- array_unique和array_flip 这两个函数的区别
- Servlet设置Cookie无效
- ASCII码对应表chr(9)、chr(10)、chr(13)、chr(32)、chr(34)、chr(39)、chr(..
- 给 “rm” 命令添加个“垃圾桶”
- WSGI和CGI
- 高并发MYSQL如何优化处理?