css
文章平均质量分 85
sarycai
这个作者很懒,什么都没留下…
展开
-
CSS盒模型
元素分类块级元素内联元素内联块状元素盒子模型边框一边框二宽度和高度填充边界元素分类CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>原创 2015-12-15 21:04:41 · 275 阅读 · 0 评论 -
单位和值
颜色值长度值颜色值在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;} 2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来原创 2015-12-15 22:32:21 · 216 阅读 · 0 评论 -
css样式设置小技巧
水平居中设置行内元素块状元素定宽块状元素不定宽块状元素加入 table 标签设置 displayinline 方法设置 positionrelative 和 left50垂直居中父元素高度确定的单行文本父元素高度确定的多行文本方法一方法二隐性改变display类型水平居中设置行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:c原创 2015-12-15 23:05:07 · 251 阅读 · 0 评论 -
css布局模型
CSS布局模型流动模型Flow浮动模型 Float层模型Layer绝对定位相对定位固定定位Relative与Absolute组合使用CSS布局模型布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种原创 2015-12-15 21:41:00 · 290 阅读 · 0 评论 -
CSS代码缩写,占用更少的带宽
盒模型代码简写颜色值缩写字体缩写盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/上设置为10px、右设置为15px、下设置为12px、左设置为14px/ 通常有下面三种缩写方法原创 2015-12-15 22:23:27 · 278 阅读 · 0 评论 -
如何用CSS进行网页布局
网页布局一列布局用法清除默认样式二列布局三列布局混合布局网页布局1:网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性的化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3:页面为:头部,主体部分,底部。 分栏又称为分列:一原创 2015-12-21 22:22:55 · 441 阅读 · 0 评论 -
网页布局基础
网页布局盒子模型流式布局-自动居中一列布局浮动布局-横向两列布局绝对定位布局相对定位绝对定位使用absolute实现横向两列布局不常用网页布局网页制作的基础,在w3c盛行的今天“DIV+CSS”布局网页 布局分为:流式布局、浮动布局、绝对定位布局 涉及标准文档流、盒子模型、float属性、position属性 1.自动居中-列布局—盒子模型的使用方法 2.浮动布局—float原创 2015-12-21 23:11:22 · 1354 阅读 · 0 评论 -
网页简单布局之结构与表现原则
结构与表现相关内容简介结构与表现相分离的思想网页换肤及总结结构与表现相关内容简介html结构 css表现 javascrip行为 网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析……结构与表现相分离的思想初级的开发人员思路及制作方法:div层层嵌套;中级的开发人员思路及制造方法:去掉多余的div,进行简化;高级的开发人员思路原创 2015-12-23 21:43:06 · 1278 阅读 · 0 评论 -
导航条菜单的制作
垂直菜单的制作水平菜单的制作圆角菜单的制作伸缩菜单的制作改变高度伸缩菜单的制作水平方向总结垂直菜单的制作1.用ul无序列列表构建菜单 2.清除默认样式 {margin:0;padding:0;} { }(用于全局设置) 清除ul的样式 ul{list-style:none},能去掉前面的默认小圆点 去掉a标签的下划线 a{text-decoration:none} 在导航栏中经常用原创 2015-12-23 23:10:06 · 1250 阅读 · 0 评论