关于网页制作初步二

前面也说了做这方面需要自己多花时间,很多的内容有些时候做起来是比较难的。

下面来说说稍稍有点难度的地方-------------------------

首先是层叠和继承

继承是指应用在某个标签元素上的css属性专递给内部嵌套的标签,

通常来说文本类的会被继承如字体,字号,颜色等。

在谷歌浏览器中灰色的表示未被继承。

层叠是指一个标签可能有一个或多个样式的来源,

当属性发生冲突时按照加载顺序和权重大小去决定。

当属性不发生冲突时按照加载循序同时去作用,当顺序不发生冲突时按照加载对比权重。

当权重相同时,后者覆盖前者,当权重不同时,权重大的生效。

层叠这个需要自己用代码去试试,这样才能理解其真正的含义。

其次是熟记,硬背方面,多多下功夫

比如说我们必须要记住css中五大内容,分别是字体,文本,边框,背景,列表。(后面需要自行取值)

字体大小font-size:();

文本居中text-align:center;

去掉下滑线text-decoration:();

文本行高line-height:();

边框border:(边框线大小)空格(边框线虚线实线等)空格(颜色);

边框角幅度border-radius;这个取值可以有一到四个,分别对应上中左右,这个需要自己翻翻书籍去看看。

背景background(url(“加载的图片路径”))空格( 平铺方式)空格(位置定位);

去掉无序列表前面的点list-style:none;

上面所说的都是很常见的。需要记住引用

 最后是位置定位

位置定位是有一点的难度,需要灵活的运用,相对和绝对定位。

绝对定位:它会脱离常规文档流,离他最近的非静态的作为基点,并且不会占据原来的位置。

相对定位:相对于自己原来的位置进行移动,并且会占据原来的位置。

这个运用的时候往往是比较的模糊的,需要自己对网页的认识,合理的去运用它。

以上就是本人觉得有用的小知识,多练去理解。

原文地址:https://www.cnblogs.com/dy105525/p/7674798.html