仿写腾讯首页

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

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值