前军教程网

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

十天学会html+css第七天 二级弹出导航菜单 #程序员

今天的目标是这部分二级弹出导航,思路是:鼠标经过时导航出现,移开后导航隐藏。

·在横向导航后面添加一个大盒子,写上基本样式、宽高背景颜色,看下效果。

·现在写上绝对定位,让它脱离外层盒子的限制。同时是相对顶部的盒子定位,需要写上相对定位代码:border-bottom-left-radiu,左边距离0,上面距离140像素,看下效果。

·接下来给盒子里添加内容,跟横向导航差不多,呦爱哦列表基本格式,再加上一张图片、两行文字,内容快速添加,看下效果。

css3新手入门(7)元素的块元素,行内元素,行内块元素显示区别

今天学习下html元素的显示模式,为了之后做页面布局做好铺垫,记住了这些元素的显示模式方式,可以少走很多弯路。

元素的显示模式

1,块元素

1. 在页面中独占一行,不会与任何元素共用一行,是从上到下排列的。

灵活控制块级元素在一行内显示,CSS浮动属性,知道原理就很简单

在页面布局中,有两个非常常用的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))
    控制面板
    您好,欢迎到访网站!
      查看权限
    网站分类
    最新留言