前面也说了做这方面需要自己多花时间,很多的内容有些时候做起来是比较难的。
下面来说说稍稍有点难度的地方-------------------------
首先是层叠和继承
继承是指应用在某个标签元素上的css属性专递给内部嵌套的标签,
通常来说文本类的会被继承如字体,字号,颜色等。
在谷歌浏览器中灰色的表示未被继承。
层叠是指一个标签可能有一个或多个样式的来源,
当属性发生冲突时按照加载顺序和权重大小去决定。
当属性不发生冲突时按照加载循序同时去作用,当顺序不发生冲突时按照加载对比权重。
当权重相同时,后者覆盖前者,当权重不同时,权重大的生效。
层叠这个需要自己用代码去试试,这样才能理解其真正的含义。
其次是熟记,硬背方面,多多下功夫
比如说我们必须要记住css中五大内容,分别是字体,文本,边框,背景,列表。(后面需要自行取值)
字体大小font-size:();
文本居中text-align:center;
去掉下滑线text-decoration:();
文本行高line-height:();
边框border:(边框线大小)空格(边框线虚线实线等)空格(颜色);
边框角幅度border-radius;这个取值可以有一到四个,分别对应上中左右,这个需要自己翻翻书籍去看看。
背景background(url(“加载的图片路径”))空格( 平铺方式)空格(位置定位);
去掉无序列表前面的点list-style:none;
上面所说的都是很常见的。需要记住引用
最后是位置定位
位置定位是有一点的难度,需要灵活的运用,相对和绝对定位。
绝对定位:它会脱离常规文档流,离他最近的非静态的作为基点,并且不会占据原来的位置。
相对定位:相对于自己原来的位置进行移动,并且会占据原来的位置。
这个运用的时候往往是比较的模糊的,需要自己对网页的认识,合理的去运用它。
以上就是本人觉得有用的小知识,多练去理解。