TreeMind树图在线AI思维导图
当前位置:树图思维导图模板资格考试计算机计算机二级WEB知识点CSS的常用属性思维导图

计算机二级WEB知识点CSS的常用属性思维导图

  收藏
  分享
免费下载
免费使用文件
Yyyy 浏览量:102022-11-08 13:14:07
已被使用0次
查看详情计算机二级WEB知识点CSS的常用属性思维导图

本思维导图主要介绍国家计算机考试WEB知识点CSS的常用属性

树图思维导图提供 计算机二级WEB知识点CSS的常用属性 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点CSS的常用属性  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:e91c3b6c2e095cd08f45328f9c8995b2

思维导图大纲

计算机二级WEB知识点CSS的常用属性思维导图模板大纲

CSS文本属性

1.文本大小: (font-size:12px)单位还可以是em,系统默认的字体大小为16px

2.文本字体:{font-family:字体1,字体2,字体3;}

3.文本颜色: {color,颜色值}red/#f00/rab(255.0.0)

4文字加租:font-weight:bolder(更粗的)/bold (加租) /normal (常规)/100-900;

5文本倾斜: font-style: italic/oblique/normal (取消倾斜,常规显示);

6.水平对齐: {text-align:left左/right右/center居中/ustify两端对齐(在部分浏览器中,对于中文不起作用);}

7.文字行高: {line-height:normal/value;} line-heiht:20px; line-height:2em; (当行高的单位省略时,默认为em)

8.文本修饰:{ text-decoration:none/underine/overline/line-through}

9.首行编进: {text-indent:value;}

10·检索英文字母大小写: {text-transform:none无转换/capitalize首字母大写/uppercase全大写/lowercase全小写;}

11.字间距: {letter-spacing:value;}控制英文字母或汉字的字距

12.词间距: {word-spacing:value;}控制英文单词词距。

列表属性

1.HTML列表属性

Type属性规定有序列表的项目符号的类型。

值 描述

disc 默认值,实心圆

circle 空心圆

square 实心方块

1 默认值,数字有序列表(1、2、3、4)

a 按字母顺序排列有序列表,小写(a、b、c、d)

A 按字母顺序排列有序列表,大写(A、B、C、D)

i 罗马字母,小写(i、ii、iii、iv)

I 罗马字母,大写(I、II、III、IV)

2.CSS列表属性

CSS列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志

属性 描述

list_style 简写属性,用于把所有用于列表的属性设置于一个声明中。

list_style_image 将图像设置为列表项标志。

list_style_position 设置列表中列表项标志的位置。

list_style_type 设置列表项标志的类型。

边框的属性和属性值

border边框宽度 边框风格 边框颜色

例如:border:5 px solid #ff0000

边框宽度: border-width;

边框颜色: border-color;

边框样式: border-style:solid实线)/dashed(虚线)dotted(点划线)double(线)none(去掉边框);

可单独设置一方向边框,

border-bottom:边框宽度 边框风格 边框颜色 底边框

border-left:边框宽度 边框风格 边框颜色 左边框

border-right:边框宽度 边框风格 边框颜色 右边框

border-top:边框宽度 边框风格 边框颜色 上边框

CSS背景属性

1背景颜色{background-color:颜色值;}

2,背景图片的设置background-image :url(背景图片的路径及全称) ;

3.,景图片平铺属性{background-repeat:no-repeat不平铺/repeat平铺/repeat-x  x轴平/repeat-y 轴平辅)}

4.背景图的位置{background-position:left/center/righ/数值 top/center/bottom/数值}

5,背景综合写法{background:颜色 图片 平辅 位置;}

相关思维导图模板

计算机二级WEB知识点HTTP的基本概念与交互模型思维导图

树图思维导图提供 计算机二级WEB知识点HTTP的基本概念与交互模型 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点HTTP的基本概念与交互模型  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:0e346ad14c6cbebc611dd194bf407c28

计算机二级WEB知识点HTTP协议思维导图

树图思维导图提供 计算机二级WEB知识点HTTP协议 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点HTTP协议  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:210f6c1f9e8137a07657a086034f0703