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

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

前面说的主要是css的使用规则和选择器等,这篇主要讲解css的具体使用. 一.css text 1.文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 1)十六进制值 - 如: #FF0000 2)一个RGB值 - 如: RGB(255,0,0) 3)颜色的名称 - 如:  red p { color: red; } 2.水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式. 1)left      把文本排列到左边.默认值:由浏览器决定. 2…

前面说的主要是css的使用规则和选择器等,这篇主要讲解css的具体使用. 本篇导航: css text 背景属性 边框属性 列表属性 dispaly属性 外边距(margine)和内边距(padding) float属性 position(定位) 一.css text 1.文本颜色:color 颜色属性被用来设置文字的颜色. 颜色是通过CSS最经常的指定: 1)十六进制值 - 如: #FF0000 2)一个RGB值 - 如: RGB(255,0,0) 3)颜色的名称 - 如:  red p {…

一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如: h1 {color:red; font-size:14px;} 二.CSS四种引入方式 1,行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. <p style=" padding: 0px; color: rgb(0, 0, 255); line-height: 1.5 !important;">>hello yuan</p…

9.float属性 基本浮动规则 先来了解一下block元素和inline元素在文档流中的排列方式. block元素通常被现实为独立的一块,独占一行,多个block元素会各自新起一行,默认block元素宽度自动填满其父元素宽度.block元素可以设置width.height.margin.padding属性:inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化.inline元素设置width.height属性无效 • 常见的块…