css基础-font&link&list属性

 1 /*字体
 2 字体系列:font-family
 3 字体样式:font-style:normal(默认)Italic(斜体)oblique(倾斜的字体)
 4 字体大小:font-size
 5 字体的粗细 font-weight:normal(默认)bold 定义大小数字
 6
 7
 8 用em来设置字体大小,em的尺寸单位由W3C建议
 9 1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
10
11 */
12 p{
13     font-family:"Times New Roman", Times, serif;
14     font-style: inherit;
15     font-size:14px;
16     font-weight: bold;
17 }
18 /*连接
19     a:link - 正常,未访问过的链接
20     a:visited - 用户已访问过的链接
21     a:hover - 当用户鼠标放在链接上时
22     a:active - 链接被点击的那一刻
23 */
24 a:link{
25     color: red;
26
27 }
28 a:visited{
29     color:blue;
30     text-decoration: underline;
31 }
32 a:hover{
33     color:green;
34 }
35 a:active{
36     color:orange;
37 }
38 /*Note:当设置为若干链路状态的样式,也有一些顺序规则:
39
40     a:hover 必须跟在 a:link 和 a:visited后面
41     a:active 必须跟在 a:hover后面
42 */
43
44
45 /*列表
46 list-style     简写属性。用于把所有用于列表的属性设置于一个声明中
47 list-style-image     将图象设置为列表项标志。
48
49
50 list-style-position     设置列表中列表项标志的位置。
51     inside         列表项目标记放置在文本以内,且环绕文本根据标记对齐。
52     outside     默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
53
54 list-style-type     设置列表项标志的类型。
55 */
56
57 ul{
58     list-style-type:none;
59     list-style-position: inside;
60     padding:0px;
61     margin:0px;
62
63 }
64 ul li{
65     background-image:url(sqpurple.gif);
66     background-repeat:no-repeat;
67     background-position:0px 5px;
68     padding-left:14px;
69 }
时间: 2024-10-16 01:13:33

css基础-font&link&list属性的相关文章

CSS基础学习七:属性选择器

CSS语法中,对带有指定属性的 HTML 元素设置样式.可以为拥有指定属性的 HTML 元素设置样式,而不仅限 于 class 和 id 属性.(注释:Internet Explorer 7 (以及更高版本)在规定了 !DOCTYPE 的情况下支持属性选择器. IE6 及更低的版本不支持属性选择器.) CSS2引入了属性选择器.属性选择器可以根据元素的属性及属性值来选择元素. 一简单属性选择器 如果希望选择有某个属性的元素,而不论属性值是什么,可以使用简单属性选择器. (1)先来一个简单的例子:

CSS基础知识之文本属性二三事

line-height 可以给某个元素指定一个不带单位的缩放因子,这样它的后代元素就会继承这个缩放因子,再根据自身的字号大小来计算自己的行高(line-height)值, body { font-size: 12px; line-height: 1.5; } h1 { font-size: 36px; } 这里,body 的 line-height 是 18px(12 * 1.5),而 h1 的 line-height 则是 54px(36 * 1.5). 就算使用 em,百分比等相对单位,后代

css基础系列教程:背景属性

作者:www.divcss.com 我们把上一节的作业的答案给大家公布一下: 1.  h1 .p1{}:表示h1标签下的所有class为p1的选择符: 2.  #content h1{}表示id为content下的所有h1标签: 3.  h1 .p1,#content h1并列关系,对class为p1的和ID为#content下的H1作用同一个效果: 4.  h1#content h2{} 表示h1下id为content标签下的h2标签,请注意这个地方不是包含没有空格而是紧接着写的.必须是属于H

css基础 a:link/visited... 链接伪类选择器

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

CSS基础学习十四:盒子模型补充之display属性设置

我在CSS基础学习十三:盒子模型的i博文只是阐释了CSS盒子模型,并没有过多的使用实例来演示.这篇博文 就来做一些盒子模型知识的补充.这一部分对于网页总体布局还是蛮重要的,过去大多数使用HTML中的table元素和 框架标签来进行网页的整体布局,现在我们使用最多的是DIV+CSS网页布局.所以一定要掌握好盒子模型,记住 content,border,padding和margin各自在盒子中的作用和使用方式. 先来看一个完整元素的盒子模型实例: <!DOCTYPE html PUBLIC "

css基础之 font的简写规则 以及 自定义 CSS3 @font-face详细用法

Part 1 font简写 CSS的命名规则是用英文字母 数字 和下划线(一般用小写)来命名.简写css font的好处有三:一是写起来方便(就像键盘快捷键):二是简化代码:三是帮助你熟悉和深刻理解css. 一.字体属性主要包括下面几个 font-family,font-style,font-variant,font-weight,font-size,font font-family(字体族): “Arial”.“Times New Roman”.“宋体”.“黑体”等;font-style(字体

css基础--常用css属性02

上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1  浮动和清除浮动 在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和绝对定位已经说完,接下来就是浮动了. 什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列. 我的理解是:浮动将元素‘上浮’一层,并保留元素在上层对下层的投影的位置. 请注意: 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动. 一个浮动元素会尽量向

HTML&CSS基础学习笔记2-Html的全局属性

HTML元素都有属性,下面的这些全局属性是所有的HTML元素都可以使用的. 常见的有: HTML元素也有一些本身自己独特的属性,我们以后的笔记中有机会,会再为大家介绍哦. 下面是代码测验,更多体验学习,可前往码芽网哦http://www.mayacoder.com/lesson/index HTML&CSS基础学习笔记2-Html的全局属性

玩转HTML5+跨平台开发[9] CSS基础-CSS常见属性

文字属性 常用文字属性 属性 作用 格式 取值 快捷键 注意点 font-style 规定文字样式 font-style: italic; normal : 正常的, 默认就是正常的 italic : 倾斜的 fs font-style: italic; fsn font-style: normal;   font-weight 规定文字粗细 font-weight: bold; 单词取值: bold 加粗 bolder 比加粗还要粗 lighter 细线, 默认就是细线 数字取值: 100-9