随笔分类 -  HTML+CSS

第213天：12个HTML和CSS必须知道的重点难点问题
摘要：12个HTML和CSS必须知道的重点难点问题 这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。 这12个知识点是我个人认为的，下面我们就来看看这12个知识点。 阅读全文
posted @ 2018-04-03 22:07 小胖橘乐乐 阅读(381) 评论(4) 推荐(0)
第153天：关于HTML标签嵌套的问题详解
摘要：HTML标签 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点：总是在新行上开始，高度、行高以及 阅读全文
posted @ 2018-01-22 22:02 小胖橘乐乐 阅读(472) 评论(0) 推荐(0)
第152天：表单短标题的两端对齐
摘要：在做前端界面的时候，比如一些文字的列表或者一些表单的标题，经常是2个字，3个字，4个字的类型。 一般对齐就是在中间打空格或者用 来空开，但是效果并不好，兼容性有问题，造成不美观。经过一番折腾， 找到了比较好的办法解决。利用letter-spacing来解决: letter-spacing  阅读全文
posted @ 2018-01-21 22:53 小胖橘乐乐 阅读(215) 评论(0) 推荐(0)
第64天：CSS常用命名规范，有用！
摘要：CSS常用命名，必须记住 一、常用命名 标题：title 摘要：summary 箭头：arrow 商标：label 网站标志：logo 转角/圆角：corner 横幅广告：banner 子菜单：subMenu 搜索框：searchBox 登录：login 登录条：loginbar 工具条：toolb 阅读全文
posted @ 2017-10-25 22:56 小胖橘乐乐 阅读(178) 评论(0) 推荐(0)
第20天：京东nav、footer部分制作
摘要：一、鼠标的4种状态 cursor:pointer; 鼠标变成小手cursor:default;小白cursor:move;移动cursor:text;文本输入 二、网页布局：1、input、button行内块元素之间有空隙，设置浮动可以清除空隙2、给一个盒子：宽度高度、背景边框、位置3、背景既有图片 阅读全文
posted @ 2017-09-02 23:17 小胖橘乐乐 阅读(278) 评论(0) 推荐(0)
第19天：京东头部小三角制作
摘要：京东头部小三角制作方法： 阅读全文
posted @ 2017-09-01 23:16 小胖橘乐乐 阅读(249) 评论(0) 推荐(0)
第18天：京东网页头部制作
摘要：一、京东页面制作开始（头部）1、浮动的盒子宽度由内容定，不需要设置宽度2、绝对定位不占位置，相对定位占位置 3、不一定是子绝父相，还可能是子绝父绝，要根据情况来定。如果是子绝父绝，那父级的父级一定是相对定位。 二、中间分割线制作 给需要竖线的地方添加空的li,每个li设置类样式，设置宽高，背景色 刚 阅读全文
posted @ 2017-08-31 23:26 小胖橘乐乐 阅读(358) 评论(0) 推荐(0)
第17天：CSS引入、选择器优先级（中级）
摘要：一、CSS 位置 1、行内式 css <div class="fr" style="color:red;">aa</div> 2、 内嵌式样式 <style> .one { width: 200px; }</style> 3、外链式 <link rel=”stylesheet” href =”css 阅读全文
posted @ 2017-08-30 23:17 小胖橘乐乐 阅读(199) 评论(0) 推荐(0)
第10天：CSS初始化操作
摘要：在写页面过程中，每个浏览器都会有默认样式，为了避免浏览器的样式兼容问题，我们会在样式开始部分对常用标签进行重置样式。这样我们在写样式时，就不会有误差。常用的CSS标签初始化如下： 阅读全文
posted @ 2017-08-23 23:24 小胖橘乐乐 阅读(246) 评论(0) 推荐(1)
第9天：CSS精灵图
摘要：今天重点学习了CSS精灵图。 “CSS精灵”，英语css sprite，所以也叫做“CSS雪碧”技术。是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 css精灵有什么优点，就是减少了http请求。比如4张小图片，原本需要4个h 阅读全文
posted @ 2017-08-22 23:10 小胖橘乐乐 阅读(447) 评论(0) 推荐(0)
第8天：CSS制作导航栏
摘要：今天主要学习了网页导航栏的制作。注意：引入外部CSS样式时，如果使用background：url（../images/1.png）,一定记得用..跳出当前文件夹，回到上级目录。 一、导航栏实现步骤： 1、网页整体分为头部、内容、尾部。网页中心内容部分为版心。版心是定宽的。 2、设定版心宽度。其余每部 阅读全文
posted @ 2017-08-21 23:26 小胖橘乐乐 阅读(512) 评论(0) 推荐(0)
第7天：input和label标签
摘要：今天学的不多，就只学了表单元素中的input和label标签。搬了房子，收拾了一下东西，太累了，所以没有学很多。明天还上班，今天就先到这。 一、input input标签type属性有以下几个：text、password、textarea、radio、checkbox、button、submit、r 阅读全文
posted @ 2017-08-20 22:38 小胖橘乐乐 阅读(654) 评论(0) 推荐(0)
第3天：CSS浮动、定位、表格、表单总结
摘要：今天学的是浮动、定位、表格、表单等内容，这些是CSS中最容易混淆的知识，有许多小技巧在写代码过程中需要注意。下面是主要知识点： 一、float浮动1、块元素在一行显示2、内联元素支持宽高3、默认内容撑开宽度4、脱离文档流5、提升层级半层二、clear清除浮动1、加高（扩展性不好）给浮动元素的父级设置 阅读全文
posted @ 2017-08-16 23:06 小胖橘乐乐 阅读(1554) 评论(0) 推荐(0)
第2天：HTML常用标签
摘要：今天学完主要对所学知识点进行了整理。 一、超链接ahref：www.baidu.com(跳转页面)；id名（锚点跳到相应div位置）；01.rar(压缩包） target：_blank（新窗口打开）；_self(当前窗口打开）二、文件路径绝对路径：（1）线上：线上绝对路径（2）线下：完整路径 相对路 阅读全文
posted @ 2017-08-15 23:20 小胖橘乐乐 阅读(255) 评论(0) 推荐(0)
第1天：CSS基本样式
摘要：今天学习了CSS基本样式和属性。在做练习的时候遇到一个小问题，最后解决了。 记住：浏览器有默认margin和padding。样式最开始记得一定写：*{margin:0;padding:0}。 学习经验： 1、margin值相邻两个元素的margin会叠加在一起 2、margin子元素的值会传递给父元 阅读全文
posted @ 2017-08-14 23:26 小胖橘乐乐 阅读(337) 评论(0) 推荐(0)