黑马程序员技术交流社区
标题: 技术分享之【查漏补缺】 [打印本页]
作者: wangcong320322 时间: 2019-10-13 00:36
标题: 技术分享之【查漏补缺】
写这个帖子主要是给自己查漏补缺，来应对18号的考试。锚点定位（记住）锚点的作用：• 实现页面内部的跳转：
如何添加锚点效果01、使用id名标注要跳转到的目标位置（锚点目标) <div id=“id名称”；></div>
02、使用超链接a进行锚点按钮设置，<a href=“#id名称”>链接文本</a>
base标签• base标签可以统一设置超链接a的打开方式,书写在<head></head> 之间；
• <base target=“_blank”>
我们常用的特殊符号是：空格 、小于号<、大于号>、版权©；
table表示表格整体，tr表示行，td表示单元格（列）；
表格的常见属性： 宽：width； 高：height； 边框：border，如果设置border=0是没有边框；
对齐方式：align 取值left、center、right；设置表格在网页中的水平对齐方式；
单元格和单元格之间的距离：cellspacing
单元格内容到单元格边框的距离：cellpadding
合并单元格跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
注意：合并单元格的顺序：先上后下，先左后右；
单选按钮 <input type="radio" checked="checkde“ >
复选按钮 <input type="checkbox" checked="checkde" >
/* 将页面中所有的li的默认的样式设置为没有 */
li {
list-style: none;
}
注意：实体化三属性宽width、高height、背景background是绝对不能继承的,都是需要自己设置；
一句话理解：插入图片是占位置的，背景图片不占位置；实际开发中产品图片有插入图，装饰性的用背景图；
bo01、 设置li的样式：左浮动float:left;，设置li的固定高度，宽度分为两种情况：
情况1：如果导航里面的文字个数一致，我们就直接将li的宽度固定死；
情况2：如果导航里面的文字不一样多，那么就不要给li设置宽度，后面用a来撑开；
03、设置a的样式： 首先将a的显示模式用display:block;转化为块元素,然后设置a的宽和高，高和li的高度一致，宽度如果文字一样多我们就设置为固定的宽度，如果文字不一样多，宽度就不设置，用padding：0 20px;撑开，意思就是上下内边距为0，左右设置一个固定的值就可以撑开a；x-shadow:水平阴影 垂直阴影 模糊距离 阴影大小 阴影颜色 内/ 外阴影；
第一步 ：强制文字在一行显示
/* 强制文本在一行显示 */
white-space: nowrap;
第二步： 将超出范围的文本隐藏
/* 将超出范围的文本隐藏 */
overflow: hidden;
第三步 ： 将超出的文本用省略号显示
/* 将超出的文本用省略号显示 */
text-overflow: ellipsis;
注意： 三部曲使用的环境一定是盒子的宽高是固定的；
Logo的优化写法（重点）Html布局：一个类名为logo的div盒子，嵌套h1，h1里面嵌套a，a里面放网站名称，有利于网站的SEO优化，最后将logo图片插入或者以背景图片插入；
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |