html+css基础(笔记一)

mac2022-06-30  31

1.网页的组成

网页主要由文字、图像和超链接等元素构成。还包含音频、视频以及flash等。

2.建站流程

A.注册域名(网址)

B.租用空间

C.网站建设:  a.确定网站主题

       b.搜集资料

       c.规划网站

       d.制作页面

D.网站推广

E.网站维护

3.站点

站点的作用:用来归纳一个网站上所有的网页、素材以及他们之间的联系   文件的命名规则文件命名规则:用英文,不用中文名称全部用小写英文字母、数字、下划线组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。 首页必须命名为index.html

4.Hyper Text Markup Language 超文本标记语言(HTML)

5.<title></title>中不能写注释,写了会被加载

6.一个页面只能有一个<h1>标签

7.自定义列表:对名词的解释

<dl> <dt>名词</dt> <dd>解释</dd> </dl>

8.使用链接实现点击链接,页面图片跳转

9.表格

cellspacing(边框之间的距离) cellpadding(边框与内容之间的距离) align 使用在table中 表格对齐方式 tr     整行对齐方式 td     单元格内容对齐方式 align属性值:left、right、center、justify(对行进行伸展,这样每行都可以有相等的长度(就像字报纸和杂志中)) valign 属性规定单元格中内容的垂直排列方式 valign属性值:top、middle、bottom、baseline(与基线对齐) 使用bgcolor设置背景色

10.将style样式表放在head中,有利于用户体验

11.内部样式表和外部样式表的执行的优先顺序和书写有关,相同的属性后面的会覆盖前面的;不同的属性会继续执行

12.使用Link和@import引入外部样式表

<link type="text/css" rel="stylesheet" href="" /> <style> @import url("global.css");   /*等页面的资源全部加载完毕再加载,用户体验不好*/ </style>

13.所有写在标签上的属性都是HTML属性

14.一般用从上到下排列的元素来包裹从左到右的元素

15.p标签中不能嵌套其他从上到下的元素。如div,ul...

16.a标签

a:link   初始状态 a:visited   鼠标访问后的状态 a:hover    鼠标悬浮时的状态 a:active   鼠标按下没有松开时候的状态

17.权重越高,越优先执行(包含选择符权重,为所有包含选择符之和)

内联选择符   1000 id选择符    0100 class选择符  0010 伪类选择符 0010 类型选择符   0001 继承样式    0000

18.font-weight:(100-900);(500正常值)

19.首行缩进:text-indent:数值;

text-indent:30px; /*缩进两个字符*/ text-indent:2em; /*缩进两个字符*/ /*取值可以取负值,可以隐藏文本,只对第一行文本起作用*/

20.字符间距:{letter-spacing:数值;}  (可为负值)

21.文字属性简写:

{font:font-style font-weight font-size/line-height font-family;}

22.背景

/* background-attachment属性值:scroll(滚动)、fixed(固定) */ /* 背景简写:background会覆盖前面background- 系列的属性 */ background: #ccc url(imgages/1.jpg) no-repeat center top; /* 简写不包含background-attachment,可以不写颜色属性,是否重复和位置属性可以交换 */

23.边框属性

/* border-style属性:solid(实线),dashed(虚线),dotted(点状线),double(双实线); 注意:使用双实线时的border-width需设置大于2px; 去掉边框:border:0;/border:none; */

边框宽度:border-width,边框颜色:border-color,边框样式:border-style。

border属性简写:{border:1px solid #f40;}

24.设置内容大小写属性有:

  a.text-transform,属性值有none(默认),capitalize(文本中的每个单词以大写字母开头),uppercase(全部大写),lowercase(全部小写),inherit

b.font-variant,normal(默认值),inherit(继承父元素属性),small-caps(小型大写字母)

 

转载于:https://www.cnblogs.com/glmkeep/p/11294371.html

相关资源:传智播客-PHP基础视频_html css js笔记
最新回复(0)