html 文档自动获取css,前端基础中css选择器,html文档 ,与javascrip中基本的获取

1,Vscode自动刷新插件与格式化插件

应用搜索搜索liveserver,安装后。点击右下角Golive可以进入使用。

格式化插件prettier;首选项,设置,搜索format,勾选prettier….

html中文档结构

doc:文档类型,声明文档类型

html:根元素,是html文档

charset,title:元数据

body:主题元素

2,CSS三大选择器与html元素的三大分类

css中三大选择器

三大选择器有:id,类,与标签元素选择器,顺序是id>类>标签;虽然有id,但是如果有多个id依然是可以设置其属性。

class选择器中后面加空格,再添加个类名,表示设置选择两个选择器。

html三大类型Top-level element 【顶级元素】: { html, body, frameset }

包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.

Block-level element 【块级元素】: { p, h1~h6, div, ul }

顾名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div, ul 默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,float也具有此功能。

块级元素能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔。块级元素是构成一个html的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.

Inline element 【内联元素】: { a, br, em, img, li, span }

css中的先后设置对象的属性的先后

现时内联样式,再是在页面上的style,再是引入的,

3,javascript中的dom操作

对象的理解一个将来有可能会成为老婆的女人女朋友>

女朋友是对象,而姓名,性别是所对象具有的属性。

常见的获取属性代码

作用

console.log()

发送到浏览器控制台显示

window

浏览器的全局对象

window对象常见的属性;例如:

console.log(window.document);

window.document中window可以省略不写。

代码

作用

document

文档的意思

URL

当前的url地址

doctype

文档的类型

documentElement

根元素html

document.head

文档的头部

document.charset

文档的字符集

document.styleSheets

文档的css样式

document.styleSheets[0].type

执行的第一个样式表

document.scripts[0]

执行的第一个脚本

document.currentScript

当前执行的script

javascript中常量const ele = document.getElementById(“title-id”);

// console.log(ele);

// ele.style.backgroundColor = “yellow”;

javascript中letlet girl = {

// sum: function (a, b) {

// return a + b;

// },

// };

获取的方法

1, document.getElementById(“id名”);

2,document.getElementsByClassName(“类名”);

3,const p = document.getElementsByTagName(“标签名”);

4,显示一个:

let y = document.querySelector(“”);

5,显示多个

document.querySelectorAll(“.类名”);

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值