
Css从零开始
文章平均质量分 72
程序从零开始
程序从零开始
展开
-
Css样式详解--定位
1.基本概念:(1)定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。(2)div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。(3)实用display来改变框类型。d原创 2013-09-27 22:33:41 · 750 阅读 · 0 评论 -
Css基本概念
1.css的引入方式:(1)链接引入:(2)文档内设置css:<!--.STYLE1 {color: #0066CC}-->2.css的基本语法:(1)CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。例如:h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。h1 {color:red; font-size:14p原创 2013-09-12 11:03:32 · 680 阅读 · 0 评论 -
Css样式详解--选择器
1.元素选择器是最基本的css选择器:比如 p、h1、em、a,甚至可以是 html 本身。2.选择器的分组:/* 没有分组 */h1 {color:blue;}h2 {color:blue;}h3 {color:blue;}h4 {color:blue;}h5 {color:blue;}h6 {color:blue;}/* 已经分组 */h1, h2,原创 2013-10-03 20:06:44 · 533 阅读 · 0 评论 -
Css样式详解--背景样式【已经熟记,形成文本】
背景:1.背景属性都不能继承2.背景色:其默认值是 transparent。transparent 有“透明”之意 h1 {background-color: #00ff00}3.背景图像:背景重复 背景定位p.flower {background-image: url(/i/eg_bg_03.gif); padding: 20px;background-repeat: r原创 2013-09-23 09:25:17 · 696 阅读 · 0 评论 -
Css样式详解--字体样式和链接样式【已经熟记,形成文本】
1.指定字体:font-family(1)实用通用字体系列:body {font-family: sans-serif;}(2)制定字体系列:h1 {font-family: Georgia, serif;}在所有 font-family 规则中都提供一个通用字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。【se原创 2013-09-23 21:45:46 · 902 阅读 · 0 评论 -
Css样式详解--文本样式【已经熟记,形成文本】
1.文本缩进:text-indentp {text-indent: 5em;}1.实用负值:设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距。p {text-indent: -5em; padding-left: 5em;}2.text-indent原创 2013-09-23 21:19:51 · 722 阅读 · 0 评论 -
Css样式详解--其他样式【已经熟记,形成文本】
1.Css列表;(1)列表的类型:list-style-typeul {list-style-type : square}值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-原创 2013-09-24 09:40:26 · 628 阅读 · 0 评论 -
Css样式详解--框模型
1.Css框模型基本概念;在 CSS 中,元素的width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。2.Margin和padding的值复制;CSS 定义了一些规则,允许为外边距指定少于 4 个值。规则如下:如果缺少左外边距的值,则使用右外边距的值。如果缺少下外边距的值,则使用上外边距的原创 2013-09-24 22:04:57 · 662 阅读 · 0 评论