CSS入门:使用图片填充元素背景

在网页设计中,使用图片来填充元素背景,可以让元素背景呈现丰富多彩的外观。使用图片填充元素背景的常用样式标签有background-image、background-repeat、background-position和background-size,下面分别予以介绍。 background-image用于设置元素的背景填充图片,background-image的属性值是url函数,url函数要求传
CSS入门:使用图片填充元素背景

CSS入门:元素背景纯色填充

在网页设计中,有时需要对元素的背景进行填充。元素的背景包括元素的内容区域,内边距和四边边框,但不包括元素的外部边距。填充背景可以使用纯色、渐变色和图片。 使用纯色填充元素背景的样式标签是background-color。background-color的属性值为关键字、十六进制颜色值、rgb()函数、rgba()函数。 CSS定义了一组颜色关键字用于描述常用颜色,下图给出了CSS定义的16个基本颜
CSS入门:元素背景纯色填充

CSS入门:文字对齐样式

文字对齐分为横向对齐和纵向对齐,横向对齐是指水平方向上,文字在给定的区域宽度(设置宽度的HTML元素,如div、table等元素)内采用的对齐方式,纵向对齐是指竖直方向上,文字在给定的区域高度(设置高度的HTML元素,如td、textarea等元素,不支持div元素)内采用的对齐方式。横向对齐的样式标签是text-align,纵向对齐的样式标签是vertical-align。 text-align
CSS入门:文字对齐样式

CSS入门:文字粗细、风格及修饰样式

文字粗细、风格和修饰样式的标签分别是font-weight(粗细)、font-style(字体风格)和text-decoration(文字装饰)。 font-weight样式用于设置文字的粗细,文字通过粗细之分,可以起到对部分文字强调的作用。font-weight样式值的设置有三种方式:一种是关键字设置法,关键字有normal和bold,normal是正常,bold是加粗;一种是相对粗细值法,相对
CSS入门:文字粗细、风格及修饰样式

CSS入门:文字的尺寸、字体、行距及颜色

文字的尺寸、字体、行距及颜色样式标签为font-size(尺寸)、font-family(字体)、line-height(行距)、color(颜色)。 font-size样式用于设置文字大小,单位有px(像素)、 em(相对值,以父元素的大小为基准单位)、rem(相对值,以根元素的大小为基准单位)。 px的英文全称是Pixels,中文名称为像素,手机屏幕的分辨率就是以像素为单位的,因此它是一个物理
CSS入门:文字的尺寸、字体、行距及颜色

CSS入门:CSS样式如何应用到HTML元素

CSS样式只有应用到HTML元素中,样式才会产生效果。有三种方式可以把CSS样式应用到HTML元素。一种方式是利用HTML元素的style属性,样式表作为style属性的值,该方式也称为行内样式;一种方式是将样式表放置在HTML网页文档head标签内,每个样式表赋予一个名称,然后在HTML元素中通过class属性引入样式表,该方式也称为内部样式;再一种方式是单独将样式表写入到一个文件,文件的扩展名
CSS入门:CSS样式如何应用到HTML元素

CSS入门:初识层叠式样式表CSS

CSS的英文全称是Cascading Style Sheets,翻译过来就是层叠式样式表。样式就是一个事物的外观和样子,例如服装有不同的样式,穿到不同的人身上就会有不同的效果;人们浏览网页,有的网页很漂亮,让人赏心悦目,留客率就很高。反之乱七八糟、不够美观的网页就会让人厌烦,也不愿意再次进入该网页,留客率就低。 对网页来说,样式就是网页的外观和样子,不同的样式应用到同一个网页,它会展现出不同的外观
CSS入门:初识层叠式样式表CSS

轻松上手HTML:video元素

video元素是HTML5规范新增加的元素,用于支持在网页文档中播放视频。在HTML5规范出现之前,标准网页文档是不支持视频播放的。大多数网页文档中的视频是通过插件(例如Flash)来播放的,所有的浏览器都必须安装插件才能播放网页中的视频,在没安装插件的浏览器上不能播放网页中的视频,这显然会给用户带来很大的困惑。 为了解决在网页中播放视频的问题,HTML5规范增加了video元素,网页设计者可以通
轻松上手HTML:video元素

轻松上手HTML:textarea元素

textarea元素和前面介绍的input元素都可以获取用户在输入框输入的文本内容,哪为什么还要提供textarea元素呢?这就涉及到输入文本内容多少的问题,input元素只能输入单行文本内容,输入再多的文字也只能在一行显示,而且没有滚动条;textarea元素就不同了,textarea元素可以输入多行文本内容,支持文本回车和在textarea的宽度内文本自动换行,当输入的文本内容行数超过text
轻松上手HTML:textarea元素

轻松上手HTML:input元素

在网页设计中,经常需要搜集用户输入的一些信息,用于搜集用户输入信息的元素称为表单元素。input元素是HTML表单中最常用的元素,其作用是获取用户的输入信息。input提供了多种方式用于获取用户输入的信息,获取方式具体包括: (1)提供输入框,获取用户输入的内容,输入的内容又可以分为文字内容和密码,在HTML5中又增加了邮箱地址、网页路径、搜索框等类型; (2)提供按钮,获取用户单击按钮的事件;
轻松上手HTML:input元素