会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
小土子
博客园
首页
新随笔
联系
管理
订阅
2019年9月11日
为什么使用浮动?如何清除浮动
摘要: 为什么会使用浮动? 一开始出现浮动只是为了解决文字环绕图片问题,但最后是为了解决几个块级元素并排显示问题,虽然可以使用定义块级元素的display为inline-block(这种方式也不会出现父级元素坍塌问题)但是这种方式不能控制元素的位置而是默认从左到右,所以要实现元素是居左还是居右使用浮动更方便
阅读全文
posted @ 2019-09-11 17:35 小土子
阅读(841)
评论(0)
推荐(1)
2018年8月2日
前端命名规范
摘要: (一) 主体头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:ho
阅读全文
posted @ 2018-08-02 17:14 小土子
阅读(544)
评论(0)
推荐(0)
2018年6月18日
居中问题
摘要: li{ border:solid red; text-align:center; } li{ border:solid red; margin:0 auto; } 这里的text-align:center和margin:0 auto为什么都不会起作用? li是块级元素,满足定宽和块状两个条件的元素是
阅读全文
posted @ 2018-06-18 13:31 小土子
阅读(113)
评论(0)
推荐(0)
2018年6月15日
div+css之CSS 文本设置 CSS 字体设置 CSS 列表设置 CSS 表格设置 css outline轮廓
摘要: 1、CSS 文本设置:CSS 文本属性 属性 描述color 设置文本颜色direction 设置文本方向。line-height 设置行高。letter-spacing 设置字符间距。text-align 对齐元素中的文本。text-decoration 向文本添加修饰。text-indent 缩
阅读全文
posted @ 2018-06-15 15:52 小土子
阅读(923)
评论(0)
推荐(1)
2018年6月6日
垂直居中的方法
摘要: * {line-height: 60px; line-height 行高的属性 line表示字体样式的行高属性,即行级元素占用的高度,这个属性主要是用于字体居中使用的,一般情况下,父级高度为多少,那么行高就设置为多少 height: 60px;text-align: center;vertical-
阅读全文
posted @ 2018-06-06 20:17 小土子
阅读(164)
评论(0)
推荐(0)
水平居中总结-不定宽块状元素方法
摘要: 在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中,比如网页上的分页导航,因为分页的数量是不确定的,所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素:块状元素的宽度width不固定。) 不定宽度的块状元素有三种方法居中(这三种方法目前使用的都很多): 这一小节我们来讲一下第一种方法:
阅读全文
posted @ 2018-06-06 15:16 小土子
阅读(148)
评论(0)
推荐(0)
2018年6月2日
边框border
摘要: 1、border-style(边框样式)常见样式有: dashed(虚线)| dotted(点线)| solid(实线)。 2、border-color(边框颜色)中的颜色可设置为十六进制颜色。
阅读全文
posted @ 2018-06-02 10:05 小土子
阅读(167)
评论(0)
推荐(0)
2018年5月31日
块状元素、内联元素(又叫行内元素)和内联块状元素
摘要: 块元素在页面中以区域块的形式出现,每个块元素都会独自占据一整行或多整行,其中<div>标记为最典型的块元素。内联元素特点是不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示。一个行内元素通常回合他前后的其他行内元素显示在同一行中,他们不占有独立的区域,仅仅靠自己的字体大小和图像尺寸来支撑结构
阅读全文
posted @ 2018-05-31 14:56 小土子
阅读(1063)
评论(0)
推荐(0)
前端html、css元素分类
摘要: 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<c
阅读全文
posted @ 2018-05-31 14:49 小土子
阅读(174)
评论(0)
推荐(0)
2018年5月28日
看css权威指南的疑惑
摘要: html中的<maintiitle></maintitle>标签、<subtitle></subtitle>标签、<author>/</author>标签、<publisher></publisher>标签、<pubdate></pubdate>标签、<isbn></isbn>标签的字体表现形式(如
阅读全文
posted @ 2018-05-28 16:35 小土子
阅读(224)
评论(0)
推荐(0)
公告