1、在css中给背景图片上超链接
(1)首先新建模块,并设置其class属性设置为testid
(2)将页面中的css样式写入标签内,通过class设置css样式
(3)最后使用a标签创建一个链接,实现给背景图片加上链接
2、<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法
3、默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
4、<hr /> 标签在 HTML 页面中创建水平线。
5、设置字体的几种方式
(1) <font size="n"> n号字体效果</font><br/>
(2) div._{font-size:_ _px}/*双数*/ 或者设置固定值xx-small、x-small、small、medium、large、x-large、xx-large
(3)继承 inherit
(4)style标签内定义font-size
6、设置字体位置
(1)text-align 设置字体的位置
left : 左对齐
right : 右对齐
center : 居中
*justify : 两端对齐(不推荐使用,通常大部分浏览器不使用)
示例:p{
text-align: left; /* 位置居左 */
text-align: center; /* 位置居中 */
text-align: right; /* 位置居右 */
}
(2)padding、margin设置字体位置
padding这个属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
margin属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
内边距和外边距
示例:p{
padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
}(为什么不能直接设置内边距和外边距)
(3)text-indent设置字体位置
text-indent 属性规定文本块中首行文本的缩进。
示例:p{
text-indent: 50px; /* 首行缩进50px */
}
(4)position设置字体的位置
position属性规定元素的定位类型。当设置的值为absolute、relative、fixed时,可以使用top、right、bottom、left属性来进行定位。p{
position: fixed; /* 相对于浏览器窗口定位 */
left: 100px; /* 距离浏览器左边100px */
top: 200px; /* 距离浏览器上边200px */
}
7、加下划线
方法一:用<u></u>标签
方法二:用text-decoration:underline;
方法三:用border:1px solid; padding:5px;
8、列表
无序列表
无序列表的各个列表项之间没有顺序级别之分,是并列的。
<ul>
<li>列表项1</li>
<li>列表项2</li>
..... </ul>
无序列表的type属性有三个值
disc:表示实心小圆点
circle:表示空心小圆点
square:表示实心小方块
有序列表
有序列表及为有排列顺序的列表,其各个列表项按照一定的顺序排列定义
自定义列表
自定义列表由三个标签组成,通常用于对术语或者名词进行解释和描述。
dd是对dt进行解释和描述的。
<body>
<dt>概括</dt>
<dd>含义</dd>
</body>
9、静态页面怎样实现分页并标记
10月19日 每日总结
1、对首页的分解
2、我有一个问题就是上面的
2)padding、margin设置字体位置
padding这个属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
margin属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
内边距和外边距
示例:p{
padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
}(为什么不能直接设置内边距和外边距)
就是我按照那个博客上面说的去写的代码,但是运行效果却不是我想要的那样(就是完全没有效果,页面保持之前的状态)然后我就换了一种写法(position的那个)去改变字体的位置
3、我花了好多时间在那个新闻上面,最开始写的还挺顺手的,写到那个页眉和分页那,我就写不走了,我搜了好多讲解,发现很多设置页脚的形式都和腾讯的不一样,然后我就想找一个差不多的,然后我没找出来,感觉它的意思是说 自己设定一个分页的条件然后要确定页眉和页脚的位置,我不知道我这样理解对不对 SOS