5月8日上课笔记-浮动float

IO文件复制
    字符流(只能对文本文件进行操作)
        Reader Writer
    字节流(对所有文件都能操作)
        InputStream OutputStream
一.浮动
    边框弧度
         border-radius: 20px 10px 50px 30px;
        弧度画圆形
            长宽一样
            border-radius:50%
    盒子阴影:
        box-shadow:
    浮动float:
        1、display
            none  //隐藏
            block //显示块级元素
            inline //显示为内联元素
            inline-block // 既有内联元素也有块元素
        2、float 浮动
            left   左浮动
            right  右浮动
            none
            清除浮动:
                clear:both; //清除左右浮动
            解决父类边框塌陷:
                a.放入一个空div设置样式:
                    clear: both;
                    margin: 0;
                    padding: 0;
                b.设定父类边框的高度:
                c.设定父类边框:
                    overflow:hidden;
                d.父级加伪类after
                    .clear:after{
                        content: ‘‘;          /*在clear类后面添加内容为空*/
                        display: block;      /*把添加的内容转化为块元素*/
                        clear: both;         /*清除这个元素两边的浮动*/
                    }
时间: 2024-11-07 00:45:41

5月8日上课笔记-浮动float的相关文章

5月11日上课笔记-js简介

一.js 1.javascript简介: 是一门脚本语言(弱类型编程语言)(php是脚本语言) 编程语言如java,先编译后运行 脚本语言不需要编译 作用: 表单验证 页面特效 语法:和Java类似,但是和Java没有关系 组成部分: ECMAScript (语法核心) *DOM(html xml,类似xml的document) BOM(浏览器对象模型) 基本结构(最好放在最后的</body>之上): <script> </script> 2.语法: 输出:docume

5月9日上课笔记-网页定位、网页动画【HTML5】

一.网页定位 position: static (默认值) relative 相对定位(相对原来的位置) right left botton top absolute 绝对定位 fixed: 固定定位 (相对浏览器窗口) z-index 定位时,重叠层上下位置 二.网页动画 变形函数: transform: translate(平移函数 x,y平移) translateX translateY scale(2,2); 宽度,高度 skew(10deg,10deg); 倾斜 rotate 2D旋转

5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型

一.弹出框 a.提示框 alert(); b.输入框 prompt(); c.确认框 confirm(); var flag= confirm("确认删除吗?"); 二.js程序调试 先看console控制台是否报错 浏览器debug alert(); console.log(); 三.函数 系统函数: parseInt(); 能够转换首字符是数字的字符串 Number();只能转换数字的字符串 isNaN(); is not a number //是不是非数字? 自定义函数: a.f

5月3日上课笔记-XML解析

一.XML编程 1.xml编程的两种解析方式 1.1 dom解析 优点:一次加载,多次使用.可以方便的对xml文档进行增删改查 缺点:如果xml文档过大的话,加载的时候会比较占用内存空间比较大,消耗资源,时间长. 1.2 sax解析 优点:一行行读取加载,占用空间少,消耗内存资源少,时间短. 缺点:如果下次使用还得重新加载,只适合查询操作,不适合增删改. 针对加载一次使用一次的问题,可以采取针对性的措施,即在加载的时候可以保存在集合中进行存储. 2.xml解析开发工具包 2.1 jaxp sun

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

5月16日上课笔记-js中DOM操作

一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文本节点 nodeType 节点类型: 1:元素节点 3:文本节点 9:document节点 2:属性节点 firstChild(支持IE浏览器) || firstElementChild(支持谷歌浏览器) //获取第一个子节点 var fc = ulDom.firstElementChild ||

5月31日上课笔记-Mysql简介

一.mysql 配置mysql环境变量 path中添加 D:\Program Files\MySQL\MySQL Server 5.7\bin cmd命令: 登录:mysql -uroot -p 退出:exit; 服务启动:net start mysql 服务停止:net stop mysql 常用数据库: oracle : 产品免费,服务收费 sql server mysql : 应用广泛 DBMS:数据库管理系统 (C3p0连接池 JDBC) mysql默认数据库引擎 :InnoDB mys

5月17日上课笔记-js面向对象

二.js面向对象 js创建对象: var 对象名称 = new Object(); person.name = "小明"; //姓名 person.age = 18; person.location = "合肥"; person.showName = function(){ alert(this.name); } //调用属性 //alert(person.name); person.showName(); 字面量创建对象: JSON格式 var person={

5月3日上课笔记-properties文件,junit测试,mvc封层等

StringBuffer 线程安全,效率低 StringBuilder 线程不安全,效率高 判断数组是null还是空数组 null 空数组 int[] array=null; int[] array2= new int[]{}; 创建几个对象? String s=new String("关羽"); 创建了两个对象 1.*读取properties配置文件 dbinfo.properties a.反射的类加载器读取配置文件 反射: 将类的各种成分映射成相应的类 b.工具类ResourceB