本文是原创文章,如需转载请注明转自何处和链接。
对于刚入门web开发的可以复制一下本博客的代码做个试验,对web开发有个大致的了解。
首先,对于学校html非常方便,因为它不需要什么编译器,你只需要用记事本就可以了,先用记事本建立一个文件index.html,输入以下代码。
html demo
Hello,html.
然后用流量器打开即可。你好看到如下hello,html输出在浏览器上面。
一般情况下html的标签是成对出现的,而且不区分大小写。
下面来简单的介绍一下css吧。css的全名为 Cascading Style Sheets(即层叠样式表),也就是通常所说的样式表,它是一种美化网页的技术。
来看一下css的属性吧,最常用的是字体,颜色,和背景属性了。
CSS 字体属性(Font)
属性描述CSS
font |
在一个声明中设置所有字体属性。 |
1 |
font-family |
规定文本的字体系列。 |
1 |
font-size |
规定文本的字体尺寸。 |
1 |
font-size-adjust |
为元素规定 aspect 值。 |
2 |
font-stretch |
收缩或拉伸当前的字体系列。 |
2 |
font-style |
规定文本的字体样式。 |
1 |
font-variant |
规定是否以小型大写字母的字体显示文本。 |
1 |
font-weight |
规定字体的粗细。 |
1 |
CSS 背景属性(Background)
属性描述CSS
background |
在一个声明中设置所有的背景属性。 |
1 |
background-attachment |
设置背景图像是否固定或者随着页面的其余部分滚动。 |
1 |
background-color |
设置元素的背景颜色。 |
1 |
background-image |
设置元素的背景图像。 |
1 |
background-position |
设置背景图像的开始位置。 |
1 |
background-repeat |
设置是否及如何重复背景图像。 |
1 |
background-clip |
规定背景的绘制区域。 |
3 |
background-origin |
规定背景图片的定位区域。 |
3 |
background-size |
规定背景图片的尺寸。 |
3 |
Color 属性
属性描述CSS
color-profile |
允许使用源的颜色配置文件的默认以外的规范。 |
3 |
opacity |
规定书签的级别。 |
3 |
rendering-intent |
允许使用颜色配置文件渲染意图的默认以外的规范。 |
3 |
下面我们通过一个示例程序example.html来展示一下这些属性的设置方法。
css demo
字体属性设置:
隶属,黑体,16ptbr>
字体属性设置
前景红色,背景黄色