![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
止此耳耳耳
这个作者很懒,什么都没留下…
展开
-
html+css实战(1)
html+css实战简单电商品台搭建先粗糙地分成几个大的div,再给每个div细分,一开始就给每个div命好类名为了不让内容平铺满整个页面,把大的div块用container类封装起来,可使div块对齐.container{ display:block; max-width:1080px; margin:0 auto;}超链接a是内联元素,无法设置...原创 2019-03-20 13:47:11 · 162 阅读 · 0 评论 -
html+css实战(2)
html+css实战(2)响应式布局+bootstrap响应式导航栏position:fixed/relative当div为百分比overflow:auto会自动加上滚动条~表示兄弟 >表示儿子不用js做菜单选择:checkbox:checked ~div{display:hidden}默认隐藏:元素自身display:none;checkbox{display:bl...原创 2019-03-21 17:31:57 · 286 阅读 · 0 评论 -
html+css(6)
Vue学习数据要写在data:{}中v-model="":双向绑定.lazy:延迟.trim:去除两端空格.number:自动识别为数字用于input、textarea、selectv-show/if="":有输入才显示v-for="":可以通过console直接push数据v-bind:绑定href、src、class(v-bind可省略)v-model和v-bin...原创 2019-03-26 10:02:36 · 233 阅读 · 0 评论 -
html+css实战(3)
html+css实战(3)新闻页面设置头像除了在html中用img之外还可以设置为背景图片classname{ background:url(路径); background-size:百分比; background-repeat:no-repeat; background-position:center center; width:}na...原创 2019-03-22 20:01:47 · 137 阅读 · 0 评论 -
html+css实战(4)
JQuery选择器:$('.classname or #tagname).css('propertyname','property');$('input[type="text"]')$('div:first')过滤器$('div').find('.child')$('#child1').parent()//上一级的父元素$('#child1').parents('.gr...原创 2019-03-23 16:30:40 · 185 阅读 · 0 评论 -
html+css实战(5)
JQuery实战——表单验证框架:+ *{box-sizing:border-box}+ wrap{margin:xx auto;(使居中)max-width:1080px;(设max-width方便日后调整} 单独定义wrap-sm{width:400px;}封装Validator**:$(function){}相当于document.ready():当加载完DOM之后再执行...原创 2019-03-24 16:11:50 · 1030 阅读 · 0 评论 -
html+css实战(5)
JQuery实战——表单验证框架:+ *{box-sizing:border-box}+ wrap{margin:xx auto;(使居中)max-width:1080px;(设max-width方便日后调整} 单独定义wrap-sm{width:400px;}封装Validator:$(function){}相当于document.ready():当加载完DOM之后再执行,...原创 2019-03-24 16:19:16 · 209 阅读 · 0 评论