CSS
文章平均质量分 63
MayeF
学无止境,Keep Going!
展开
-
CSS学习<1>
一、CSS(cascading style sheets)CSS指层叠样式表1.1、定义如何显示HTML元素1.2、样式通常存储于样式表中。1.3、把样式添加到HTML中,是为了解决内容和表现分离的问题1.4、外部样式表可以极大的提高工作效率1.5、外部样式表通常存储在CSS文件中1.6、多个样式定义可层叠为一多个样式定义的优先级顺序:浏览器缺省设置 标签内部)原创 2015-11-13 15:37:21 · 493 阅读 · 0 评论 -
CSS中<li>标签横向排列出现间距问题
HTML代码块: 公告 规则 论坛 安全 公益 CSS代码块:#tabControl .tab-header ul { background-color: gray; width: 498px; height: 30px;}#tabControl .tab-header li { back原创 2016-07-02 18:09:09 · 43586 阅读 · 1 评论 -
block,inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(block元素还是inlin转载 2016-05-23 13:40:00 · 408 阅读 · 0 评论 -
CSS学习<6>
一、CSS表格CSS表格属性可以极大的改变表格外观。1.1、表格边框表格边框border属性可以设置边框距离和边框颜色。border:1px solid red;如下代码:table,th,td{border : 1px solid red;}FirstnameLastnameBillGates原创 2015-11-26 18:05:47 · 529 阅读 · 0 评论 -
CSS学习<5>
一、CSS链接CSS能够以不同的方式给链接设置样式。链接的特殊性在于能根据他们所处的状态来设置样式。链接的四种状态:1.a:link --普通的、未被访问的链接。2.a:visited --用户已访问的链接。3.a:hover --鼠标指针位于链接的上方。4.a:active --链接被点击的时刻。在源码中,请保证此顺序定义,避免定义无原创 2015-11-24 14:24:58 · 566 阅读 · 0 评论 -
CSS学习<4>
一、CSS背景CSS可以使用纯色作为背景,也可使用背景图像创建复杂的背景效果。总而言之,CSS的此方面的能力远在HTML之上。1.1、背景色属性:background-color这个属性接受任何合法的颜色值p {background-color : red;}1.2、背景图像:background-image此属性默认值为none。body {background-原创 2015-11-23 17:54:56 · 565 阅读 · 0 评论 -
CSS学习<7>
一、CSS框模型概述CSS框模型(box model)规定了元素处理元素内容、内边距、边框、外边距的方式。框模型图元素框的最内部分是内容,直接包围内容是内边距。内边距呈现了元素的背景,内边距的边缘是边框,边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。提示:背景应用于内容、内边距和边框组成的区域。在CSS中,width和height指的是内容区域的宽度原创 2015-12-10 15:24:19 · 616 阅读 · 0 评论 -
CSS学习<3>
一、CSS创建当读到一个样式表时,浏览器会根据它来格式化(样式化)HTML文档。样式表插入的方式有三种:1.外部样式表2.内部样式表3.内联样式表1.1、外部样式表当样式需要应用于很多页面时,外部样式表是个理性选择。在使用外部样式表时,你可以通过改变一个文件来改变整个站点的外观。外部样式表每个页面使用标签来链接到样式表。标签处于文档的头部。如:浏原创 2015-11-17 11:29:05 · 593 阅读 · 0 评论 -
CSS学习<2>
一、CSS派生选择器作用:通过根据元素在上下文之间的关系来定义样式,可以是标记更加简洁。派生选择器的英文名称是contextual selectors(直译是上下文选择器)。在CSS1中依据这种规则的选择器称为上下文选择器(contextual selectors),在CSS2中称为派生选择器。派生选择器允许你根据上下文之间关系来确定某个标签的样式。通过合理使用派生选择器,可以使H原创 2015-11-16 16:44:48 · 473 阅读 · 0 评论 -
CSS 内联元素和块级元素内部布局规则
学会了display属性是不是就学会了布局必须了解的基本概念内联元素内部布局规则测试内联元素内部默认布局规则内联元素改变其对齐方式块级元素内部布局规则学会了display属性是不是就学会了布局? 知道了内联元素没有宽高属性、横向布局;知道块级元素具有宽高属性、换行布局。懂得了display强大的自由切换块级元素和内联元素。这样是不是已经布局无敌 结果会是惨遭打脸的!你会发现有些的布原创 2017-07-11 18:17:25 · 1915 阅读 · 1 评论