html div设置占屏幕占比高度(使用vh)
摘要:使用 vh去设置div高度占比 例如: <div style="background-color: black;height: 90vh" v-html="log"> <div style="padding-bottom: 200px;">{{log}}</div> </div> height:90
阅读全文
html自定义弹框
摘要:一、要实现的功能 1、弹框弹出时有遮罩 2、弹框内的文字过多时右侧有滚动条 3、根据执行结果变更弹框title的样式 二、具体实现 思路:定义一个有宽高的div,默认隐藏,当要显示时,设置为display=block来显示 1、定义div布局,一个遮罩层;一个弹框(弹框中有标题和内容两部分) <di
阅读全文
html的textarea默认文案实现换行
摘要:问题:textarea默认文案,想使用换行展示 但是使用/r/n</br>之类的都无效 解决方法: 使用下面字符实现换行 <textarea >第一行内容 第二行内容</textarea> <textarea >第一行内容 第二行内容</te
阅读全文
通过jquery,从json中读取数据追加到html中
摘要:1.下载安装jquery 可通过下面的方法引入在线版本的js: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 参考安装文档:http://www.runoob.com/jquery/jqu
阅读全文
CSS的浮动(float)
摘要:问题:在练习过程中,发现div1浮动后,它下面的div被覆盖住了。解决方案:清除该div1的浮动。关于CSS的浮动1.div是块级元素,独占一行2.浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次3.让两个div并排放,给两个div都加上float,但是如果两个div...
阅读全文
Web标准:九、CSS表单设计
摘要:Web标准:九、CSS表单设计知识点:1.改变文本框和文本域样式2.用图片美化按钮3.改变下拉列表样式4.用label标签提升用户体验1)改变文本框和文本域样式文本框标签:给这些文本框增加css样式,改变他们的样式:最终显示效果如下:文本域标签:网站建设教程rows设置显示的行数,cols设置显示的...
阅读全文
Web标准:八、下拉及多级弹出菜单
摘要:Web标准:八、下拉及多级弹出菜单知识点:1.带下拉子菜单的导航菜单2.绝对定位和浮动的区别和运用3.CSS自适应宽度滑动门菜单1)带下拉子菜单的导航菜单带下拉子菜单的就是在一级导航下加一个二级菜单。这个在上一节第七节课上我已经做出来了,这里就不再写了。再重温一下注意点:如果要在一级菜单下增加二级菜...
阅读全文
Web标准:七、横向导航菜单
摘要:Web标准:七、横向导航菜单知识点:1.横向列表菜单2.用图片美化的横向导航3.css Sprites1)横向列表菜单可以在第四节课的基础上来实现横向导航菜单,只要给li一个float:left;即可。注意:如果要在一级菜单下增加二级菜单,二级菜单需要加一个float:none;来去掉浮动,否则二级...
阅读全文
Web标准:六、html列表
摘要:Web标准:六、html列表知识点:1.ul无序和ol有序列表2.改变项目符号样式或用图片定义项目符号3.横向图文列表4.浮动后父容器高度自适应5.IE6的双倍边距bug1)ul无序和ol有序列表无序列表:是以ul包含li的形式,默认每行前的符号是圆点,可通过样式改为无、方块、空心圆等。有序列表:是...
阅读全文
Web标准:五、超链接伪类
摘要:Web标准:五、超链接伪类知识点:1.链接的四种样式2.将链接转换为块状3.用css制作按钮4.首字下沉1)链接的四种样式超链接有四个伪类,分别是:a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上a:active选定的链接之所以称之为伪类,也就是说他不是一个真实的...
阅读全文
a标签伪类的LOVE HATE原则
摘要:a标签伪类的LOVE HATE原则a标签有四个伪类,分别是:a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上a:active选定的链接遇到的问题:访问过的链接,始终显示点过的样式,鼠标滑过或者点击时都不会有样式变动,具体css样式如下:查询后知道a标签伪类有一个排...
阅读全文
Web标准:四、纵向导航菜单及二级弹出菜单
摘要:Web标准:四、纵向导航菜单及二级弹出菜单知识点:1.纵向列表2.标签的默认样式3.css派生选择器4.css选择器的分组5.纵向二级列表6.相对定位和绝对定位1)纵向列表可以看出该列表四周都有很大的空隙,且每一行前面都有一个点,这是因为标签默认样式造成的,下面我们创建样式表时把列表的默认样式去掉。...
阅读全文
Web标准:三、二列和三列布局
摘要:知识点:1.二列自适应宽度2.二列固定宽度3.二列固定宽度居中4.xhtml的块级元素(div)和内联元素(span)5.float属性6.三列自适应宽度7.三列固定宽度8.三列固定宽度居中9.IE6的3像素bug1)二列自适应宽度div为块级元素,默认情况下占据一行的空间,要想让下面的div跑到右...
阅读全文
Web标准:二、一列布局
摘要:知识点:1.一列固定宽度2.一列固定宽度居中3.一列自适应宽度4.一列自适应宽度居中5.一列二至多块布局1)一列固定宽度下图是定义了一个高300px,宽400px,颜色是#99FFcc的样式表。显示如下:2)一列固定宽度居中与一列固定宽度相比,只要加一个居中的属性即可,这里用到的是CSS的外边距属性...
阅读全文
Web标准:一、xhtml css基础知识
摘要:说明:这些知识是我看《十天学会DIV+CSS教程完整版 完美整理+完整代码》这篇文章后记下来的一些内容,包括少部分不懂得地方去百度到的一些解释等,该文章的地址:http://wenku.baidu.com/link?url=r3B27CeA2KJKCN2huquhLrjqR58XhjdfqCSmxo...
阅读全文
padding-top和margin-top的区别
摘要:学习前端知识,对我们查找页面元素很有帮助,而且自己在原公司时,有参与一个QA系统,自己去设计了这个产品,出了原型图,同时设计了几个页面,希望通过做这个产品提高自己的技术,可是因为离职,所以计划搁浅了,现在希望可以完成这个系统。需求:Q系统主页有一个消息提醒区,距离上一个div大概16px距离,该提醒...
阅读全文