1 / 12
文档名称:

网页设计笔记.docx

格式:docx   大小:20KB   页数:12页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计笔记.docx

上传人:yusuyuan 2022/5/20 文件大小:20 KB

下载得到文件列表

网页设计笔记.docx

文档介绍

文档介绍:1。标题标签:<h1></h1><h6>
</h6>字号依此减小
。在代码中忽略N多回车和换行符〔空格〕
。在设计视图中可以回车,代码会自动生成,
但是空格只能出现一个〔默认〕
。首选项可以设置常规〔允许多个连续
的空格〕
。</ins>
20.引入css样式表:
行内式
内嵌式〔页内样式〕
链入式〔外链式〕
<link/>单标签,放在<head>头部中,
Href:文件地址
Type:链接文档的类型〞text/css〞
Rel:当前文档与被链接文档之间的关
系〔Stylesheet:链接文档是一个
样式表文件〕
21。C-s-s根底选择器:
。标签选择器、
。类选择器〔使用英文点号•进行标识第
一个字符不能为数字〕class
d选择器〔用#进行标识应用一个属
性〕
〔注意类似“id=〞redfont“这种写法是
错误的〕
通用选择器/通配符〔用*进行标识〕
*{margin:0〔外边距〕
Padding:0〔内边距〕}
css文本样式属性:
。font-size:字号大小
。font-family:字体
。font-weight:字体粗细
Normal:默认
Bold:粗体
Lighter:细体
。font-variant:字体变化
400=Normal:默认
Small-caps:小写变大写,但字
体尺寸更小
。font-style:字体风格
Normal:默认italic:斜体〔常用〕
oblique:倾斜
。color:文本颜色
7。letter-spacing负值〕
8。word-spacing9。line-height10。text-alignLeft:左对齐
居中对齐
:字间距〔可以使用
:英文单词间距
px〕
:文本水平对齐方式
right右对齐center
。text-transform:文本转换〔
用于英
文字符大小写转换〕
None:不转换
Capitalize:首字母大写
Uppercase:全部大写
Lowercase:全部小写
。text-decoation:文本装饰
None:没有装饰〔默认〕
Underline:下划线
Overline:上划线
Line-throngh:删除线
。text-indent:首行缩进〔em〕1em=8px
。white-space:空格处理
Normal:
Pre:原格式
Nowrap:空格无效
。background-color:背景颜色
Css复合选择器:
标签指定式选择器:
〔类:h3。special/id:p#one〕
后代选择器:
〔嵌套关系,利用空格隔开〕
并集选择器:〔通过逗号进行隔开〕
第四章
1。边框:border
边框样式:Border-style
边框宽度:border-width
边框颜色:border-color
none无2。solid:单实线;3。dashed:
虚线;4。。dotted:点线:5。double:双实线
边框宽度〔单位px〕
综合边框属性:border:宽度样式颜

背景属性:
图片背景:background-image〔比颜色权
重高〕
背景颜色:background-color
图像平铺:background-repeat
1。repeat默认平铺
2。no=repeat不平铺
3。repeat-x:沿x轴平铺
4。repeat-y:沿y轴平铺〕
图像位置:background-position
背景图像固定:background-attachment
Scroll:滚动〔默认〕
Fixed:不滚动固定
综合设置元素背景:
背景***像平铺定位固定
块元素和行内元素转换属性display:
inline〔显示行内元素〕
block〔显示为块元素div〕
inline-block〔行内块元素,不含
独占一行,可以设置宽高和对齐〕
none:此元素将被隐藏,不显示,
也不占用页面空间,相当于该元素
不存在
浮动:float
eft2。right3。none不浮动,默认

去除浮动:clean
去除父子集嵌套关系的浮动影响
Overflow:hidden
10。overflow处理溢出内容
1。visible默认2。hidden被修剪,不可见
3。auto:自适应内容:4。scroll:始终显示
滚动条
11。position:定位
1。stalic:静态位置:不可设置边偏移
。relative:相对定位,相对于原位置进行
定位,可以设置位置
。absolute:绝对定位:如果父