HTML基本元素与css的三种引入

基本元素

字符实体

有一些字符是预留的,必须替换为字符实体才能正确显示

caefd511-7ae6-3a26-889a-1c741607510e.jpg (436×454)

例子: 字符实体 代表空格     即为     字符实体 代表空格

span标签

span标签是行内元素,本身并无特殊效果,但方便使用选择器对其中的内容进行样式格式化

a标签

href属性: 所要跳转的目标链接,如果属性值为#时会自动跳转到页面顶部

注意:如果使用a标签时不希望它进行跳转,可以设置    href="javascript:;"

target属性: 默认值为 _self,即在当前页面打开,若设置为 _black,则在新标签页打开

css基础知识

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

若两位一样则可省略:#00ffff = #0ff

posted @ 2020-03-20 18:11  铁憨憨coderz  阅读(195)  评论(0)    收藏  举报