博主信息
博文 12
粉丝 1
评论 0
访问量 11887
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于对象、前端调试、元素的三大属性、默写html页面的文档结构
浪子修罗记录有趣的事
原创
871人浏览过

今天的学习内容

1、关于对象

浏览器

全局对象:window

url 地址

页面显示的内容就是 HTML 文档

2、前端调试

使用 VScode 的 live server 插件实时对保存的代码进行实时预览。

  1. http://front.edu:5500/0611/demo.html
  2. http://127.0.0.1:5500/0611/demo.html

3、window

浏览器 页面右键 “审查元素”

elements 代码

console 控制台(比较常用)

window 命令

如果使用 consol.log()在控制台获取对象或元素的信息 document

有 JS 脚本、样式表 CSS、主体 body、编码、头元素、主体元素等等

4、元素的三大属性

id 属性 由用户保证它在当前页面中的唯一性
使用#号开头

  1. <h1 id="title-id">php中文网-浪子修罗</h1>
  2. <style>
  3. #title-id {
  4. color: blue;
  5. }
  6. </style>

class 类属性 返回多个具有共同特征的元素集合
使用.开头

  1. <h1 class="title-class">php中文网-浪子修罗</h1>
  2. <style>
  3. .title-id {
  4. color: blue;
  5. }
  6. </style>

在标签中直接使用 style 属性样式优先级大于 class
内联样式,仅对当前元素有效

  1. <h1 class="title-class" style="color:red;">php中文网-浪子修罗</h1>

<style>
元素、标签选择器
元素选择器优先级小于类选择器,但是又小于ID选择器
<style> < class < id < style=""

5、默写html页面的文档结构

  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>标题</title>
  5. </head>
  6. <body>
  7. 内容
  8. </body>
  9. </html>
批改老师:WJWJ

批改状态:合格

老师批语:知识点总结了,内容可更详细些。
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学