HTML基本元素与css的三种引入
字符实体
有一些字符是预留的,必须替换为字符实体才能正确显示

例子: 字符实体 ;代表空格 即为 字符实体&;nbsp;代表空格
span标签
span标签是行内元素,本身并无特殊效果,但方便使用选择器对其中的内容进行样式格式化
a标签
href属性: 所要跳转的目标链接,如果属性值为#时会自动跳转到页面顶部
注意:如果使用a标签时不希望它进行跳转,可以设置 href="javascript:;"
target属性: 默认值为 _self,即在当前页面打开,若设置为 _black,则在新标签页打开
css的引入
内联(行内)样式、文档样式表、外部样式表

一个HTML文件可引入多个css文件,但可能会发生重叠,后面的覆盖前面的,但仅限于相同元素,其它不受影响。
Link元素的rel属性不能省略,用来指定文档与链接资源的关系,若rel确定,则type也会默认确定,所以可以省略。
网站添加div的outline属性
作用: 迅速了解一个陌生网站的div结构

点击右边“+”/退格/div+tab/设置如上图所示样式
背景颜色设置
英文单词/颜色空间rgb/十六进制ffffff(常用)
rgb: backgroubd-color: reb(red,green,blue)
red: 0-255-> 0-ff
green: 0-255-> 0-ff
blue: 0-255-> 0-ff
rgba: 新增一个透明度属性,值为0-1,可小数
十六进制表示法(以#开头): 0 1 2 3 4 5 6 7 8 9 a b c d e f

浙公网安备 33010602011771号