字体文本背景位置边框列表其他 CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times.serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔,以防止选择不存在的字体族科 font-size 字体大小 可以使用绝对大小.相对大小.长度或百分比 font-style 字体风格 normal(普通),italic(斜体)或oblique(倾斜) font-weight 字体加粗 normal.bold.bol…
1.CSS中修饰字体的属性 属    性 描    述 属  性  值 font-family 字体族科 任意字体族科名称都可以使用例如Times.serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔,以防止选择不存在的字体族科 font-size 字体大小 可以使用绝对大小.相对大小.长度或百分比 font-style 字体风格 normal(普通),italic(斜体)或oblique(倾斜) font-weight 字体加粗 normal.bold.bolder或lighter等…
css3系列-2.css中常见的样式属性和值 继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记 css中常见的样式属性和值 字体与颜色 背景属性 文本属性 边框属性 内外边距 鼠标光标属性 列表样式 定位属性 浮动和清除浮动 滚动条 样式显示和隐藏 字体与颜色 font-family:微软雅黑;/*字体名称(类型):微软雅黑,黑体,楷体,宋体*/ font-size: 20px;/*字体大小*/ font-weight: 600;/*字体加粗*/ font-style:…
HTML标签CSS属性默认值,在你需要还原默认值的时候比较有用. 以前一直在找这份文档,今天偶然在网上看到了.除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size). html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframe…
3  背景属性 大多数HTML元素都允许控制背景,包括背景颜色.背景图像.背景重复.背景附件.背景位置等属性.常见的控制背景属性.值及描述如表2所示. 表2  CSS中常见的控制背景的属性 除了使用表6-2中提供的背景属性控制HTML元素的背景样式,也可以将其简化为使用一行代码解决.通过背景类中的background属性实现,语法格式如下所示: background:  <背景颜色> || <背景图像> || <背景重复> || <背景附件> || <…
5  边框属性 边框属性用于设置一个元素的边框风格.边框宽度.边框颜色,可以一起设置4条边的边框,也可对上边框.右边框.下边框和左边框单独设置.分别介绍如下. a.边框风格属性 可以通过边框风格属性border-style设定上.下.左.右边框的风格,该属性用于设置一个元素边框的样式,而且必须用于指定可见的边框.可以使用1-4个关键字,如果4个值都给出了,则它们分别应用于上.右.下和左边框的样式.如果给出一个值,它将被运用到各边上.如果给出了两个或三个值,则省略了的值与对边相等.也可以分别使用b…
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体.文本.背景.位置.边框.列表,以及其他一些样式属性.每个类中的属性都可以单独使用:如果同一个类中多个属性一起使用,还可以将它们整合为一行解决. 1  字体属性 通过字体属性可以设置字体的族科,改变字体的大小和风格,也可以调整字体加粗,以及让字体变形等.修饰字体的所有属性.值及描述如表6-1所示. 表1  CSS中修饰字体的属性 分别使用表1中字体类的每个样式属性,指定HTML的段落元素p中的字体为bold(粗体).italic(斜体…
6  鼠标光标属性 在网页中默认的鼠标指针只有两种,一种是最普通的箭头,另一种是当移动到链接上时出现的“小手”.但现在越来越多的网页都使用了CSS鼠标指针技术,当将鼠标移动到链接上时,可以看到多种不同的效果.CSS可以通过cursor属性实现鼠标形状的改变,其属性可以是默认的鼠标形状default.小手形状hand.指示某对象可被移动move.交叉十字crosshair.文本选择器号text.Windows的沙漏形状wait.带有问号的鼠标help及各个方向的箭头属性值.例句如下: p {cur…
CSS综合实例 在Web页面中经常使用栏目显示分类内容.本例将使用HTML和CSS结合编写一个分类栏目模型,用于演示前面介绍的CSS应用.通过使用独立的文件定义样式表,并在HTML文档中使用link标记与其链接,使HTML代码和CSS代码完全分离.在HTML文档中只负责输出栏目的内容,而栏目的样式则完全由CSS控制.创建一个名为list.html的HTML文档文件,代码如下所示: 在上面的HTML文件中输出一个分类栏目,包括栏目标题.栏目内容区块及内容列表等.但没有定义栏目的显示格式,而是链接一…
CSS导航栏 熟练使用导航栏,对于任何网站都非常重要 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单 垂直导航栏: <!DOCTYPE html> <html> <head> <style> ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; background-color:#dddddd; } </style> </…