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

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

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

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

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

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

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

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

轻松上手HTML:video元素

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

轻松上手HTML:textarea元素

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

轻松上手HTML:input元素

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

轻松上手HTML:超链接元素

在浏览网页中,单击一个链接就会打开一个新的网页,这种链接网页的功能称为超链接。在网页中添加超链接功能可以使用a标签,a标签有两个比较重要的属性,一个属性是href,一个属性是target。 href属性指定要打开的网页路径,网页路径可以是相对路径,也可以是绝对路径。相对路径是指要打开的网页路径相对于当前网页文件所在的目录来指向的路径,绝对路径是指要打开的网页文件所在的全部路径,绝对路径一般以htt
轻松上手HTML:超链接元素

轻松上手HTML:图像元素

在网页设计中,图像是必不可少的元素,网页中的图标、装饰图、内容图片等,都要用到图像元素。图像元素使用img标签,img就是英文image(图片)的缩写。当浏览器遇到img标签时,它需要知道从什么位置获取图片,img标签的src属性就是用于设置图片存储位置的。例如下面的HTML文档展示了一张存储在网络的图片。 <html> <head> <title>编程学习预备

轻松上手HTML:表格元素

表格由一行或多行单元格组成,应用表格可以让数据展现更有条理。例如,要展现一组企业员工通讯录,通讯录包括员工名称、电话、电子邮件、职务四项,就可以使用多行四栏的表格来展现企业员工通讯录。HTML表格元素使用table标签,表格元素的所有内容都放置在table的起始标签和结束标签内,表格的行元素使用tr标签,一对tr标签(标签的起始标签和结束标签称为一对标签)表示表格的一行。表格的单元格放置在tr标签