“Cloud Yellow”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
第35行: 第35行:
  
 
== 五:简单的网页 ==
 
== 五:简单的网页 ==
简单代码
+
简单代码:
<nowiki><html>
+
<html>
<head>
+
<head>
<title>…………….</title>
+
<title>…………….</title>
<style type =”text/css”>
+
<style type =”text/css”>
</style>
+
</style>
</head>
+
</head>
<body>
+
<body>
 
       <p>  
 
       <p>  
</body>
+
</body>
</html>
+
</html>
 
 
</nowiki>
 

2018年5月20日 (日) 03:08的版本

第一部分网页

一:网页css 样式属性

背景字符颜色:color:red  yellow  black  white
字间距: letter –spacing 带单位的固定数值
单词间距:word-spacing  带单位的固定数值
行间距: line-height
装饰:text-decoration : none无 underline 下划线 overline 上划线 line-through 删除线 blink 闪烁
水平对齐方式: text-aline : left  right   center   justify两端对齐
首行缩进量:text-indent
切断单词: word-wrap
书写方向:diection
字体集:font-family
字号大小:font-size
风格样式:font-style:normal常规 bold 粗 bolder  更粗

二:盒子

高度:height 宽度 width
内填充:padding 一个值时四个方向填充相同,两个值时上下,左右;三个值时上,左右,下;四个值时 上右下左。
外边距:margin (同上)
盒子边框样式:border-style:none无 ;hidden隐藏;dottted 点线 ;dashed虚线; solid 实线;double 双实线;groove勾线;ridge脊线;inset内陷;outset外凸。
边框的半角;border-radious:10%
边框的宽度:border-width
边框的颜色;border-color
背景颜色:background-color
背景图片:background-image:URL(图像url)
背景色:background。

三:盒子的浮动与清除

(1):只要盒子设置上浮动属性,那么其后的某个盒子一定要把这种浮动清除掉。
浮动:float:none;left;right  ;不浮动 ,左浮动,右浮动。
清除浮动:clear:none;both;left;right
(2):若想使盒子中的文本垂直居中,则需将文字的行高line-height 设置为盒子的高度。
插入图像 ;<img  src =”图像链接或图像位置”/>

五:简单的网页

简单代码:

<html>
<head>
<title>…………….</title>
<style type =”text/css”>
</style>
</head>
<body>

</body> </html>