|
写这个帖子主要是给自己查漏补缺，来应对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图片插入或者以背景图片插入；
| 
收藏
淘帖
踩
