学习笔记--浮动
社区首页
2461 



最新发布
最新回复
标题
阅读量
内容评分
精选
显示侧栏
切换为经典版
777
评分
回复

学习笔记--浮动
浮动定义:元素脱离文档流,按照指定的方向发生移动,遇到父级边界换行float取值:none:不浮动left:左浮动right:右浮动inherit:继承父级作用:解决水平布局问题特性:所有标签同排显示行标签支持所有css样式默认内容撑开宽高元素脱离文档流清除浮动原因:元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开解决方案:1.在父级使用height,但拓展性不太好2.在父级使用overflow:hidden3.使用clear...
复制链接 扫一扫
分享
770
评分
回复

学习笔记--浮动
浮动定义:元素脱离文档流,按照指定的方向发生移动,遇到父级边界换行float取值:none:不浮动left:左浮动right:右浮动inherit:继承父级作用:解决水平布局问题特性:所有标签同排显示行标签支持所有css样式默认内容撑开宽高元素脱离文档流清除浮动原因:元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开解决方案:1.在父级使用height,但拓展性不太好2.在父级使用overflow:hidden3.使用clear...
复制链接 扫一扫
分享
765
评分
回复

学习笔记--浮动
浮动定义:元素脱离文档流,按照指定的方向发生移动,遇到父级边界换行float取值:none:不浮动left:左浮动right:右浮动inherit:继承父级作用:解决水平布局问题特性:所有标签同排显示行标签支持所有css样式默认内容撑开宽高元素脱离文档流清除浮动原因:元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开解决方案:1.在父级使用height,但拓展性不太好2.在父级使用overflow:hidden3.使用clear...
复制链接 扫一扫
分享
761
评分
回复

学习笔记--盒模型
盒模型内边距会增加盒模型的面积4个值顺时针读取 padding: 30px 40px 70px 100px;边框border: 10px solid tomato;border会增加盒模型的面积圆角border: 20px solid red;border-radius: 50%;单一角设置border-top-right-radius: 50%;solid 实线dashed 虚线dotted 点线double 双线外边距margin三角形 .s{
复制链接 扫一扫
分享
771
评分
回复

学习笔记--盒模型
盒模型内边距会增加盒模型的面积4个值顺时针读取 padding: 30px 40px 70px 100px;边框border: 10px solid tomato;border会增加盒模型的面积圆角border: 20px solid red;border-radius: 50%;单一角设置border-top-right-radius: 50%;solid 实线dashed 虚线dotted 点线double 双线外边距margin三角形 .s{
复制链接 扫一扫
分享
761
评分
回复

js学习笔记
js入门js数据类型 6种Number 数字型String 字符串型 “” ‘’ ``Boolean 布尔型 true falseUndefinded 未定义型 (只声明,不定义 缺省)Null 空Object 特殊类型 对象类型 (除了上述5种都是特殊类型)标签 数组 函数等console.log(typeof(x))该语句可以从控制台中看到x的数据类型数字型 特殊(NaN)var a= NaN;数据类型的转换数字和字符串进行四则运算,+后转字符串类型,其余都是数字类型
复制链接 扫一扫
分享
750
评分
回复

js学习笔记
js入门js数据类型 6种Number 数字型String 字符串型 “” ‘’ ``Boolean 布尔型 true falseUndefinded 未定义型 (只声明,不定义 缺省)Null 空Object 特殊类型 对象类型 (除了上述5种都是特殊类型)标签 数组 函数等console.log(typeof(x))该语句可以从控制台中看到x的数据类型数字型 特殊(NaN)var a= NaN;数据类型的转换数字和字符串进行四则运算,+后转字符串类型,其余都是数字类型
复制链接 扫一扫
分享
759
评分
回复

css学习笔记
css引入 <link rel="stylesheet" href="">@import url (“”);[在css文件中引入其他css文件]<div style=""> </div> 内联样式表内部样式表与外部样式表取决于哪个后引入,内联样式表优先级最高背景图backgroud-image: url ()backgroud-size: width heght; [如果只给一个,另一边会等比例变化]两个特殊值 contain 图片长边占满父级 c
复制链接 扫一扫
分享
766
评分
回复

css学习笔记
css引入 <link rel="stylesheet" href="">@import url (“”);[在css文件中引入其他css文件]<div style=""> </div> 内联样式表内部样式表与外部样式表取决于哪个后引入,内联样式表优先级最高背景图backgroud-image: url ()backgroud-size: width heght; [如果只给一个,另一边会等比例变化]两个特殊值 contain 图片长边占满父级 c
复制链接 扫一扫
分享
765
评分
回复

定位与浮动
一、定位左右并排。定位能解决一个元素放在另外一个元素上的问题。(堆叠的效果)所有的定位效果一般都会配套使用偏移属性和z-index属性。语法: position:static(默认值)|relative|absolute|fixed相对定位相对于自身原有位置进行偏移仍处于标准文档流中,它原本所占的空间仍保留随即拥有偏移属性和z-index属性一般用来作为绝对定位的参考物绝对定位(最多)完全脱离了标准文档流,就好像元素原来不存在一样(悬浮)1.找一个父级,做相对定位父级{
复制链接 扫一扫
分享
775
评分
回复

定位与浮动
一、定位左右并排。定位能解决一个元素放在另外一个元素上的问题。(堆叠的效果)所有的定位效果一般都会配套使用偏移属性和z-index属性。语法: position:static(默认值)|relative|absolute|fixed相对定位相对于自身原有位置进行偏移仍处于标准文档流中,它原本所占的空间仍保留随即拥有偏移属性和z-index属性一般用来作为绝对定位的参考物绝对定位(最多)完全脱离了标准文档流,就好像元素原来不存在一样(悬浮)1.找一个父级,做相对定位父级{
复制链接 扫一扫
分享
768
评分
回复

dom操作
dom操作及案例dom增加操作 // 增加<div id = "wrap"></div> var dwrap = document.getElementByID("wrap"); var p1 = document.creatElement("p"); p1.innerHTML=""; //将p1放在指定位置 dwrap.appendchild(p1); //拼接节点 fn.appendChild() //插入节点 fn.insertBefore(new,
复制链接 扫一扫
分享
772
评分
回复

dom操作
dom操作及案例dom增加操作 // 增加<div id = "wrap"></div> var dwrap = document.getElementByID("wrap"); var p1 = document.creatElement("p"); p1.innerHTML=""; //将p1放在指定位置 dwrap.appendchild(p1); //拼接节点 fn.appendChild() //插入节点 fn.insertBefore(new,
复制链接 扫一扫
分享
757
评分
回复

gitcode使用记录
尝试把毕业论文相关的文档资料推送到git仓库进入git下载官网(一直默认选项安装,想改文件路径也可以)随便在哪里右键,出现 git bash here 就安装好了在开始菜单打开bash,全局部署git config --global user.name "Your Name"git config --global user.email email@example.com进入gitcode首页,点击右上角加号创建项目或者组织为了不干扰别的事情,我新建了一个组织graduate,并且
复制链接 扫一扫
分享
779
评分
回复

gitcode使用记录
尝试把毕业论文相关的文档资料推送到git仓库进入git下载官网(一直默认选项安装,想改文件路径也可以)随便在哪里右键,出现 git bash here 就安装好了在开始菜单打开bash,全局部署git config --global user.name "Your Name"git config --global user.email email@example.com进入gitcode首页,点击右上角加号创建项目或者组织为了不干扰别的事情,我新建了一个组织graduate,并且
复制链接 扫一扫
分享
C1见习工程师学习笔记
C1认证学习笔记
...全文
760
评分
回复

C1见习工程师学习笔记
C1认证学习笔记
复制链接 扫一扫
分享
C1见习工程师学习笔记
C1认证学习笔记
...全文
748
评分
回复

C1见习工程师学习笔记
C1认证学习笔记
复制链接 扫一扫
分享
751
评分
回复

JavaScript基础学习笔记
在html页面的head标签中使用link标签引入。强类型:编译前进行数据类型的确定弱类型:编译后确定数据类型(js的变量属于弱类型)单行注释://多行注释:/**/6种数据类型,typeof()得到数据的类型特殊值:NaN(not a number)''单引号、""双引号、反引号都可以表示反引号可以换行写,当插入数据时,使用${…}str.length:字符串长度str.toUpperCase():大写,str.toLowerCase():小写str=“123-34-fd”;str.split(“-”):
复制链接 扫一扫
分享
755
评分
回复

JavaScript基础学习笔记
在html页面的head标签中使用link标签引入。强类型:编译前进行数据类型的确定弱类型:编译后确定数据类型(js的变量属于弱类型)单行注释://多行注释:/**/6种数据类型,typeof()得到数据的类型特殊值:NaN(not a number)''单引号、""双引号、反引号都可以表示反引号可以换行写,当插入数据时,使用${…}str.length:字符串长度str.toUpperCase():大写,str.toLowerCase():小写str=“123-34-fd”;str.split(“-”):
复制链接 扫一扫
分享
754
评分
回复

JavaScript基础学习笔记
在html页面的head标签中使用link标签引入。强类型:编译前进行数据类型的确定弱类型:编译后确定数据类型(js的变量属于弱类型)单行注释://多行注释:/**/6种数据类型,typeof()得到数据的类型特殊值:NaN(not a number)''单引号、""双引号、反引号都可以表示反引号可以换行写,当插入数据时,使用${…}str.length:字符串长度str.toUpperCase():大写,str.toLowerCase():小写str=“123-34-fd”;str.split(“-”):
复制链接 扫一扫
分享
为您搜索到以下结果:
发帖
社区公告
自律训练,自信挑战!