最新文章


第15章 列表

2018-03-01 18:21:56 《HTML5与CSS3基础教程》笔记 阅读: 106 评论:

创建列表 使用ol标签创建有序列表、ul标签创建无序列表 使用li标签创建列表项 选择标记 使用liststyletype为列表设置左侧的标记 值:disc(实心圆点) 、circle(空心圆圈)、square(方块)、decimal(数字)、upperalpha(大写字母)、loweralpha(小写字母)、upperroman(大写罗马数字)、lowerroman(小写罗马字母) none(无标记) 继承的 使用图像作为标记 先对列表标签(ul、ol)使用使用liststyle :none; 取消列表标记 对li标签使用ba


第14章 使用CSS进行增强

2018-03-01 18:20:00 《HTML5与CSS3基础教程》笔记 阅读: 115 评论:

为元素创建圆角 创建四个相同的圆角: 这步可选,输入:webkitborderradius: r; ,r是圆角半径。 输入:borderradius: r; r和第一步值相同 (将鼠标放在图形上可以查看属性,下面的都可以) 创建一个圆角: 这步可选,输入:webkitborderxyradius: r; x和y为方位,可以取top、bottom、left、right 输入:borderxyradius: r; r和第一步值相同 重复使用上面属性即可创建多个圆角。 创建椭圆圆角: 这步可选,输入:webkitborderradius: x/y; x




第11章 用CSS进行布局

2018-03-01 18:15:18 《HTML5与CSS3基础教程》笔记 阅读: 110 评论:

盒模型 css处理元素时,认为每个元素在一个不可见的盒子中,这个盒子由内容区域、内边距(padding)、边框(border)、外边距(margin)组成 默认情况下,css元素的 width=内容区域宽度, height同 可以设置:boxsizing: borderbox; 从而使css元素的 width=内容区域宽度+内边距宽度+边框宽度, height同 下面的两个盒子的各属性都相同,不同的是显示方式 默认盒子 超文本标记语言,标准通用标记语言下的一个应用。 设置boxsizing: borderbox; 超文本标记语言,标准


第10章 为文本添加样式

2018-03-01 18:08:32 《HTML5与CSS3基础教程》笔记 阅读: 150 评论:

设置字体系列 属性:fontfamily 值:fontname1, fontname2, ..., fontnamen n>=1, fontname是字体名称,若浏览器无fontname1则使用fontname2,若无fontname2则使用fontname3,依次类推,若所有的都不存在使用默认字体。 继承的 设置斜体 属性:fontstyle 值:italic(常用)、oblique、 normal(取消斜体) 继承的 设置粗体 属性:fontweight 值:bold(一般粗,常用)、bolder(较粗)、li


第9章 定义选择器

2018-03-01 18:06:26 《HTML5与CSS3基础教程》笔记 阅读: 116 评论:

标签选择器 直接指定标签名称进行选择 类选择器 使用点"."+和类名称进行选择 id选择器 使用井号""+id名称进行选择 后代选择器 使用空格选择后代标签 后代选择器对于祖先的所有后代都起作用,不论是第几代 子选择器 使用">"选择直接后代标签 子选择器只对于祖先的直接后代(第一代)起作用 同胞选择器 使用加号"+"选择有同一祖先的后一个标签(他们之间没有其他标签) 普通同胞选择器 使用"~"选择有同一祖先的出现在后面的标签(他们可以直接相邻也可以不直接相邻) 选择标签的第


第8章 操作样式表

2018-03-01 18:04:02 《HTML5与CSS3基础教程》笔记 阅读: 124 评论:

使用样式表的三种方式 1. 链接到外部样式表 使用link标签: <link rel="stylesheet" href="url.css" /> URL是样式表的地址,可以使用绝对地址也可以使用相对地址 link标签写在head标签中,link标签没有结束标签 如果多个样式表规则对同一个标签定义,按出现顺序使用最后一个样式表 2. 创建嵌入样式表 使用style标签将样式代码包含即可,style标签要求写在head标签中 使用style标签和使用外部标签的规则一样,出现顺序靠后优先级高 3. 应用内联样式 使用style属性对标签进行格式化,多个属


第7章 CSS构造块

2018-03-01 18:01:46 《HTML5与CSS3基础教程》笔记 阅读: 89 评论:

样式表构成 样式表由一些规则构成,每条规则由:选择器(selector)和声明块(declaration block)两部分组成, 如: css body>ul{ padding: 0; margin: 0; } 选择器决定哪些标签将使用这些规则 声明块由一些 属性值 对构成,他们就是具体的样式规则 样式表文件中的注释 使用 /* 开始注释, */结束注释 继承 标签的包含关系构成了标签之间的继承关系,这些继承关系会影响到css样式, 也就是说css样式也可以继承 样式的优先级 当多条规则定义同一个标签时,这



功能
最新评论