前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

CSS基础知识(三)CSS元素显示模式(元素的显示方式)

一、CSS的元素显示模式

1.作用:网页标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局页面
2.HTML元素一般分为块元素和行内元素

(一)块元素

1.div为最典型的块元素,还有h1-h6,p,ul,ol,li等
2.特点

通过css类/选择器选取元素 文档结构和遍历 元素树的文档

通过css类选取元素

html所有的元素拥有class属性,该属性会对元素进行分组,标识为某一组。

js中使用className属性来保存HTML的class的属性值

  1. var NodeList = document.getElementById("first")
  2. close.log(NodeList.class)

尽管如此,js还定义了一个方法,即一个getElementsByClassName(),是基于class属性值中的标识符来选取成组的文档元素

JSON程序的stringify()(jsonstringify作用)

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明:

    读《Head First Html 与 CSS》(1-3章)

    读《Head First Html 与 CSS》(第1-3章)

    第一章 认识HTML

    1.Web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面,并根据HTML和CSS显示网页的内容。

    2.HTML是一种超文本标记语言(Hyper Text Markup Language)的缩写,用来建立网页结构。

    3.CSS是层叠样式表(Cascading Style Sheets)的缩写,用来控制HTML的表现。

    一文掌握HTML语言的基础语法(html基本语言)



    基础准备

    我使用的是Hbuilder编辑器,在hbuilder中创建一个HTML文件。


    在hbuilder中运行HTML文件


    效果



    HTML文档结构

    爬虫利器 Beautiful Soup 之遍历文档

    Beautiful Soup 简介

    Beautiful Soup 是一个可以从 HTML 或 XML 文件中提取数据的 Python 库,它提供了一些简单的操作方式来帮助你处理文档导航,查找,修改文档等繁琐的工作。因为使用简单,所以 Beautiful Soup 会帮你节省不少的工作时间。

    Python编程实战:将Markdown格式的字符串转换回普通文本。

    Markdown作为一种轻量级标记语言,因其简洁易读、易于转换为HTML等特性,在文档编写、博客发布等领域广受欢迎。然而,在某些场景下,我们可能需要将Markdown格式的内容转换回更纯粹的文本形式,以便进行进一步处理或满足特定展示需求。

    示例代码:

    import re
    
    def markdown_to_plaintext(markdown_text):
        # 移除Markdown标题
        markdown_text = re.sub(r'^# .*#39;, '', markdown_text, flags=re.MULTILINE)
        
        # 移除块引用
        markdown_text = re.sub(r'^> (.*?)#39;, r'\1', markdown_text, flags=re.MULTILINE)
        
        # 移除无序列表和有序列表
        markdown_text = re.sub(r'^\- .*#39;, '', markdown_text, flags=re.MULTILINE)
        markdown_text = re.sub(r'^\d+\. .*#39;, '', markdown_text, flags=re.MULTILINE)
        
        # 移除粗体和斜体
        markdown_text = re.sub(r'\*\*(.*?)\*\*', r'\1', markdown_text)
        markdown_text = re.sub(r'\*(.*?)\*', r'\1', markdown_text)
        
        # 移除代码块
        markdown_text = re.sub(r'```.*?```', '', markdown_text, flags=re.DOTALL)
        
        # 移除链接和图片
        markdown_text = re.sub(r'\[(.*?)\]\((.*?)\)', r'\1', markdown_text)
        
        # 移除其他Markdown特殊字符(如换行符)
        markdown_text = markdown_text.replace('\n\n', '\n')  # 简单的换行处理
        
        return markdown_text.strip()
    
    # 示例Markdown字符串
    markdown_str = """
    # A Translation of a Classical Chinese Poem
    
    > "In the spring breeze, I see the willows new.  
    > A thousand miles of rivers, the clouds are as light as mist.  
    > The sun sets over the ancient city, and the smoke from homes rises.  
    > In the distance, a sailboat sails on the horizon."
    
    - **Author**: Anonymous Ancient Poet
    - **Translation**: By XYZ
    """
    
    # 转换并打印结果
    print(markdown_to_plaintext(markdown_str))

    2024年保姆级教程 带你全面了解 markdown 语法

    新人求关注?,点击右上角 ↗? 关注,博主日更,全年无休,您的关注是我的更新的动力~ 感谢大家了

    HTML 表单标签(HTML表单标签是什么)

    表单属性汇总:

    1 name属性

    服务器会识别不同的name属性,并根据name属性来捕获不同元素内的数据。

    2 value属性

    value 属性为 input 元素设定值。

    对于不同的输入类型,value 属性的用法也不同:

    HTML知识系统学习(2)(学习html书籍推荐)

    HTML称为超文本标记语言,是一种标识性的语言。常用的元素有:文本格式化、列表、链接、图像、视频、音频、表格、表单。本节主要学习文本格式化、列表、链接这3个常用元素

    2.1HTML常用元素

    2.1.1 文本格式化

    • HTML对特殊字符不敏感
    控制面板
    您好,欢迎到访网站!
      查看权限
    网站分类
    最新留言