CSS 的属性值中经常会出现百分比,搞清它们的基数是一件很重要的事情.我特意查看了一下 W3C 的 CSS2.1 标准,在此整理下: 百分比单位 乘以包含块的宽度 margin, padding, left, right, text-indent, width, max-width, min-width 乘以包含块的高度 top, bottom, height, max-height, min-height 关于包含块(containing block)的概念,不能简单地理解成是父元素.如果是静…

1.CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times.serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔,以防止选择不存在的字体族科 font-size 字体大小 可以使用绝对大小.相对大小.长度或百分比 font-style 字体风格 normal(普通),italic(斜体)或oblique(倾斜) font-weight 字体加粗 normal.bold.bolder或lighter等…

postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响.该属性共有5个值: 1. position: static2. position: inherit3. position: relative4. position: absolute5. position: fixed 依次讲解这5个值的应用. position: static static 为position 属性的默认值,static 元素会遵循正常的文档流,且会忽略 top,bottom,left,right 等属性…

简明CSS属性:定位 第一话 定位 (Positioning) 关键词:position/z-index/top/bottom/right/left/clip POSITION 该属性用来决定元素在页面上的位置. 用法:position:static(默认) | fixed | relative | absolute static 遵守正常的文档流,不设置top,bottom,left,right值. fixed 脱离正常的文档流,完全以浏览器窗口为参照物,不随鼠标的滚动而滚动.设定tblr值.…

CSS属性操作/下 1.伪类 anchor伪类 跟<a>/</a>有关:专用于控制链接的显示效果 a:link(没有接触过的链接),用于定义了链接的常规状态. a:hover(鼠标放在链接上的状态),用于产生视觉效果. a:active(在链接上按下鼠标时的状态),用于表现鼠标按下时的链接状态. 伪类选择器:伪类值得是标签的不同状态: a ===>点过状态 没有点过的状态 鼠标悬浮状态 激活状态 <style> a:link{ #未访问的链接 color: #24…

CSS属性操作 1 属性选择器 Elenment(元素) E[att] 匹配所有具有att属性的E元素,不考虑它的值.(注意:E在此处可以省略)(推荐使用) 例如:[po]{ font-size: 50px; color: #99cc99; } div[po]{ color: antiquewhite; font-size: 50px; } E[att=val] 匹配所有att属性等于"val"的E元素(推荐使用) div[po="p2"]{ color: aqua…

css属性分类介绍 CSS分类目录 文本/字体/颜色 文本相关 字体相关 颜色相关 背景相关 大小/布局 大小属性 margin 外边距 padding 内边距 border 边框 position 定位 列表/表格 多列属性 可伸缩框属性 列表属性 Grid属性 Table属性 动画属性 Animation 动画属性 Transition 过渡属性 CSS属性分类 文本/字体/颜色/背景 字体类 font-family:指定字体 需要考虑客户端机器上是否装有字体 可以排列多个字体,用逗号分隔,…

postion 属性定义了一个元素在页面布局中的位置以及对周围元素的影响.该属性共有5个值: position: static position: inherit position: relative  position: absolute position: fixed position: sticky(new) 依次讲解这6个值的应用. position: static static 为position 属性的默认值,static 元素会遵循正常的文档流,且会忽略 top,bottom,le…

前端CSS CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这是注释*/ CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式.不推荐大规模使用. <p style="c…

一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | normal;词间距 word-spacing: 数值 | inherit | normal;空格 white-space: pre(保留) | nowrap(不换行) | normal; /*表格宽度自适应*/ th { white-space: nowrap; } 显示 display: none;…

字体属性:(font)大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD样式 font-style:oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height:normal;(正常) 单位:PX.PD.EM粗细 font-weight:bold;(粗体) lighter;(细体) normal;(正常)变体font-variant: small-caps;(小型大写字母)…

字体文本背景位置边框列表其他 CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times.serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔,以防止选择不存在的字体族科 font-size 字体大小 可以使用绝对大小.相对大小.长度或百分比 font-style 字体风格 normal(普通),italic(斜体)或oblique(倾斜) font-weight 字体加粗 normal.bold.bol…

一.文本 1.文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如:  red 2.水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. left      把文本排列到左边.默认值:由浏览器决定. right    把文本排列到右边. center 把文本排列到中间. justify 实现两端对齐文本效果. 二.文本其他操作 text-…

CSS属性设置   阅读目录 一 字体属性 二 文本属性 三 背景属性 四 盒子模型 五 盒子模型各部分详解 一 字体属性 1.font-weight:文字粗细 取值 描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2.font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜  3.font-size…

1.CSS属性 基本属性 height, 高度 百分比 width, 宽度 像素,百分比 text-align:ceter, 水平方向居中 line-height, 垂直方向根据标签高度 color. 字体颜色 font-size. 字体大小 font-weight 字体加粗 <div style=" height:48px; width: %; border: 2px solid black; font-size: 20px; text-align: center; line-heigh…

一.CSS属性组成和作用 属性:属性值 1)每个css样式都必须由两部分组成:选择符和声明 注:声明又包括属性和属性值 2)css属性:属性是指定选择符具有的属性,他是css的核心,css2共有150多个属性: 3)css属性值:属性值包括法定属性值和常规的数值加单位或颜色值(colorValue):如(25px) 字体属性 1.font-family: 字体类型; {font-family:字体1,字体2,字体3:}       例:font-family:"微软雅黑","…

CSS属性操作 1.文本 文本颜色:color,颜色属性被用来设置文字的颜色,颜色是通过CSS经常指定的,其格式有: 1.十六进制:#FF0000: 2.RGB值:RGB(255,0,0): 3.颜色名称:red: 水平对其方式:text-align属性规定元素中的文本的水平对齐方式: 1.left:文本排列到左边:默认值:由浏览器决定: 2.right:文本排列到右边: 3.center:文本排列到中间: 4.justify:文本两端对齐: 文本其他操作: text-align:center…

CSS常用属性: 字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位:PX.PD.EM粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)变体 font-variant: small-…

一.    css属性相关 1.宽和高    1.width可以为元素设置宽度 2. height可以为元素设置高度 3.只有块级标签才可以设置宽度和高度,内联标签并不能设置宽度和高度,及时设置了也不生效 2. 字体属性 文字字体:fon-family可以把字体名称做"回退来保存",及时指定多个字体,浏览器不支持第一个,就按照第二个进行渲染 body{font-family: "AngsanaUPC","微软雅黑"; color: yellow}…

前端基础-CSS属性操作 css text 文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如:  red p { color: rebeccapurple; } 水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. left      把文本排列到左边.默认值:由浏览器决定. right    把文本排列到右边. center 把文本…

CSS 属性大全 文字属性 「字体族科」(font-family),设定时,需考虑浏览器中有无该字体. 「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小>|<长度>|<百分比>(一般设置双数) 「字体加粗」(font-weight),除了 normal(正常).bold(粗体).bolder(特粗).lighter(细体)外,还有9种以像素为度量为单位的设置方式(100,200,300,400,500,600,700,800,900…

css属性相关 宽和高 width属性可以为元素设置宽度, height属性可以为元素设置好高度 块级标签才能设置宽度,内联标签的宽度由内容来决定. 字体属性 文字字体 font-family 可以把多个字体名称看做一个‘回退’系统来保存.如果浏览器不支持第一个字体, 则回尝试下一个. 浏览器会使用它可识别的第一个值. 简单实例: body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sa…

关于继承的结论. 1.元素选择器的作用强于继承的作用:用户定义强于浏览器默认(详见(3)<Head First HTML与CSS>学习笔记---CSS入门的2) 2.基于类的选择器>类选择器>元素选择器(详见(3)<Head First HTML与CSS>学习笔记---CSS入门的6) 3.同种选择器下,顺序是有影响的,最后一个生效(详见(3)<Head First HTML与CSS>学习笔记---CSS入门的6) 没有特别标注的情况,下面的所有属性都是在E…

CSS属性操作 一.CSS text 1.文本颜色:color 颜色属性被用来设置文字的颜色.颜色是通过CSS最经常的指定: • 十六进制值 - 如: #FF0000 • 一个RGB值 - 如: RGB(255,0,0) • 颜色的名称 - 如:  red 2.水平对齐 text-align:------属性规定元素中的文本的水平对齐方式. • left      把文本排列到左边.默认值:由浏览器决定 • right     把文本排列到右边 • center 把文本排列到中间 • justi…

CSS 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言, 用来描述 HTML或 XML(包括如 SVG.MathML.XHTML 之类的 XML 分支语言)文档的呈现. CSS 描述了在屏幕.纸质.音频等其它媒体上的元素应该如何被渲染的问题. 网页三要素: HTML标签决定页面上元素的基本结构 CSS 用于设置HTML元素的样式 JavaScript 用于控制页面上的行为 1.CSS属性 ( property ) CSS 属性的基本用法为: n…

[CSS属性设置,盒子模型,网页布局] CSS属性设置 1. 宽和高 width:属性可以为元素设置宽度. height:属性可以为元素设置高度. 块级标签的宽度不修改的情况下默认占浏览器的一整行,块级标签的高度也是取决于标签内文本的高度,但是可以通过CSS设置 行内标签的宽度和高度都是由内容来决定的,行内标签是无法设置长宽的,即使设置了也无效 2. 颜色属性 color hex(十六进制色:color: #FFFF00 --> 缩写:#FF0) rgb(红绿蓝,使用方式:color:rgb(2…

通过设置CSS属性让DIV水平居中 ---------------------- <html> <head> <title></title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta…

//正常换行  word-break:keep-all;word-wrap:normal; //下面这行是自动换行  word-break:break-all;word-wrap:break-word;   word-wrap:normal | break-word; (内容换行)  normal:默认的属性值.(允许内容顶开指定的容器边界).  break-word:内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能.)  word-break:normal | br…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css属性(专门用于class属性设置)&…

支持下列CSS 样式 * backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingL…