CSS
css
mmsx2017
小豆豆要发论文!
展开
-
2.4 CSS选择器(下)
一、子元素选择器子元素选择器,就是选中某个元素下的子元素,然后对该子元素设置CSS样式。语法: #father1 #p1{color:red;} #father1为父元素选择 #p为子元素选择 color为属性 red为属性值说明: 父元素与子元素必须用空格隔开,从而表示选中某个元素下的子元素。二、相邻选择器相邻选择器,就是选中该元素的下一个兄弟元素...原创 2018-03-15 12:20:45 · 144 阅读 · 0 评论 -
文档流
因为div、p、hr都是块元素,因此独占一行。而span、i、img都是行内元素,因此如果两个行内元素相邻,就会会位于同一行,并且从左到右排列。脱离文档流是相对正常文档流而言的。正常文档流就是我们没有用CSS样式去控制的HTML文档结构,你写的界面的顺序就是网页展示的顺序。比如写了5个div元素。正常文档流就是按照依次显示这5个div元素。由于div元素是块元素,因此每个div元素独占一行...原创 2018-03-27 14:48:25 · 159 阅读 · 0 评论 -
4.8 字母间距letter-spacing和词间距word-spacing
CSS使用letter-spacing属性定义字间距,使用word-spacing属性定义词间距。这两个属性取值单位都是像素。一、letter-spacing属性语法: letter-spacing:像素值;letter-spacing控制的是字间距,每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!大家要细心留意一下。默认情况下,letter-spacing我...原创 2018-03-18 20:53:21 · 1286 阅读 · 0 评论 -
4.3 文本大小写 4.4 font-variant属性4.5 首行缩进 4.6 文本水平对齐 4.7 行高
4.3 文本大小写text-transform一、text-transform属性在CSS中,使用text-transform属性来转换文本的大小写,这个是针对英文而言,因为中文不存在大小写之分。语法: text-transform:属性值;属性值 说明 none 默认值,无转换发生 uppercase 转换成大写 lowercase 转换成小写 c...原创 2018-03-18 14:50:40 · 322 阅读 · 0 评论 -
4.1 段落样式概述 4.2 下划线、删除线和顶划线text-decoration
4.1 段落样式概述文字样式注重个体,段落样式注重整体。所以CSS在命名时,特意使用了font前缀和text前缀来区分两类不同性质的属性。text-decoration 下划线、删除线、顶划线text-transform 文本大小写font-varient 将英文文本转换为“小型”大写字母text-indent 段落首行缩进text-align 文本水平对...原创 2018-03-18 13:13:30 · 809 阅读 · 0 评论 -
3.7 CSS注释
一、CSS注释简介跟HTML一样,为了代码方便理解、方便查找或者方便以后你对自己代码进行修改,我们经常要在CSS中一些关键代码旁做一下注释。语法:/* 注释的内容 */ 说明:“/* ”表示注释的开始,“*/”表示注释的结束。浏览器解释CSS是有一定顺序的,如果对某一个元素先后都定义了同一个属性,在浏览器中以“后定义的那个属性值”为准。...原创 2018-03-18 12:51:36 · 127 阅读 · 0 评论 -
3.6 字体斜体样式font-style
一、font-style属性在CSS中,使用font-style属性来定义字体倾斜效果。语法: font-style:取值;normal 默认值,正常体 italic 斜体,这是一个属性 oblique 将字体倾斜,将没有斜体变量(italic)的特殊字体,要应用oblique二、italic和oblique区别italic是字体的一个属性,没有ltalic属...原创 2018-03-18 12:37:48 · 3028 阅读 · 0 评论 -
3.5 字体粗细font-weight
一、font-weight属性在CSS中,使用font-weight属性来定义字体粗细。 字体粗细和字体大小(font-size)是不一样的,粗细指的是字体的“肥胖”,大小指的是高和宽。语法: font-weight:粗细值;font-weight属性值 说明 normal 默认值,正常体 lighter 较细 bold 较粗 bolder 很粗(其实效...原创 2018-03-18 11:42:36 · 1309 阅读 · 0 评论 -
3.4 字体颜色color
一、color属性简介在CSS中,使用color属性来定义字体颜色。语法: color:颜色值;说明: 颜色值是一个关键字或一个16进制的RGB值。二、color属性1、color属性使用关键字关键字指的就是颜色的英文名称,如red、blue、green等。 在Visual Studio或其他编辑软件都出现自动提示,你直接点击就可以免输入了。2、16进...原创 2018-03-15 20:54:11 · 410 阅读 · 0 评论 -
3.3 字体大小font-size
一、font-size属性在CSS中,使用font-size属性来定义字体大小。语法: font-size:关键字/像素值;说明: font-size的属性值可以有两种方式,一种是使用关键字,如表1;二是使用像素做单位的数值。二、font-size属性值1、采用关键字为单位font-size属性值 说明 xx-small 最小 x-small ...原创 2018-03-15 20:51:38 · 1846 阅读 · 0 评论 -
3.2 字体类型font-family
一、font-family属性字体,我们经常见到,在word的使用中,我们往往会使用不同的字体,什么宋体、微软雅黑等。在CSS中,使用font-family属性来定义字体类型。语法: font-family:字体1,字体2,字体3;说明: font-family可指定多种字体,多个字体将按优先顺序排列,以逗号隔开,注意逗号一定要是英文逗号。<style type="tex...原创 2018-03-15 12:45:07 · 1571 阅读 · 0 评论 -
3.1 文字样式概述
在制作HTML页面中,最先考虑的就是页面的文字样式属性,文字样式属性往往包括字体、大小、粗细、颜色等各方面。font-family 字体类型 font-size 字体大小 font-weight 字体粗细 font-style 字体斜体 color 颜色...原创 2018-03-15 12:31:17 · 200 阅读 · 0 评论 -
定位
当元素的position属性设置为fixed时,这个元素就被固定了,被固定的元素不会随着滚动条的拖动而改变位置。在视野中,固定定位的元素的位置是不会改变的。相对定位“position:relative;”是结合top、bottom、left和right这4个属性一起使用的,其中“position:relative;”使得元素成为相对定位元素,接着使用top、bottom、left和ri...原创 2018-03-27 15:00:01 · 143 阅读 · 0 评论