当前位置：首页 > news >正文

黑马程序员前端web入门：新浪新闻

news 2025/12/19 8:21:41

黑马程序员前端web入门：新浪新闻
几点学习到的：

设置li无圆点: list-style: none;
设置a无下划线：text-decoration: none;
a属于行内元素，高度hegiht不起作用，可以设置 display: block; 把它变成块元素。此时，设置水平居中 text-align: center; ，设置垂直居中 line-height: 30px; 。
网页布局什么时候用图片背景，什么时候用img标签https://blog.csdn.net/smlljet/article/details/103321869
如果采用background显示图片，需要设置 padding-left 防止内容与背景重叠。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;box-sizing: border-box;}li{list-style: none;}a{text-decoration: none;}.news{width: 360px;height: 200px;margin: 100px auto;}.news .hd{height: 34px;background-color: #eee;border: 1px solid #dbdee1;border-left: none;}.news .hd a{height: 34px; width: 48px;display: block;margin-top: -1px;text-align: center;line-height: 30px;border-top:3px solid #ff8400 ;border-right: 1px solid #dbdee1;background-color: #fff;font-size: 14px;color:#333;}.news .bd{padding: 5px;}.news .bd li{padding-left: 15px;background: url('./img/quare.png');background-repeat: no-repeat;background-position: 0 center;background-size: 5px;}.news .bd li a{padding-left: 20px;background: url('./img/picture.png');background-repeat: no-repeat;background-position: 0 center;background-size: 15px;font-size: 12px;color: #666;line-height: 24px;}.news .bd li a:hover{color: #ff8400;}</style>
</head>
<body><div class="news"><div class="hd"><a href="#">新闻</a></div><div class="bd"><ul><li><a href="#">新闻1新闻1新闻1新闻1新闻1新闻1</a></li><li><a href="#">新闻2新闻2新闻2新闻2新闻2新闻2</a></li><li><a href="#">新闻3新闻3新闻3新闻3新闻3新闻3</a></li><li><a href="#">新闻4新闻4新闻4新闻4新闻4新闻4</a></li><li><a href="#">新闻5新闻5新闻5新闻5新闻5新闻5</a></li><li><a href="#">新闻6新闻6新闻6新闻6新闻6新闻6</a></li></ul></div></div>
</body>
</html>

黑马程序员前端web入门：新浪新闻

黑马程序员前端web入门：新浪新闻几点学习到的： 设置li无圆点: list-style: none;设置a无下划线：text-decoration: none;a属于行内元素，高度hegiht不起作用，可以设置 display: block; 把它变成块元素。此时&#xff0c…...

编程日记 2024/2/1 21:20:55

力扣_字符串2—最长有效括号

题目给你一个只包含 ‘(’ 和 ‘)’ 的字符串 s s s，找出最长有效（格式正确且连续）括号子串的长度。方法动态规划 d p [ i ] dp[i] dp[i] 表示以 s [ i ] s[i] s[i] 结尾的最长有效括号的长度如果 s [ i ] s[i] s[i] 为左括号&#…...

编程日记 2024/2/1 21:19:54

小程序接入企业微信「联系我」功能

接入模式有两种 1，展示二维码可以直接调用服务端API的配置客户联系「联系我」方式得到二维码地址给到前端直接展示 2，展示类似“联系客服”的按钮（文字和样式可以使用企业微信提供的几种） a）在小程序后台 “设置…...

编程日记 2024/2/1 21:18:53

jdk17新特性—— 密封类(Sealed Classes)

目录一、密封类(Sealed Classes)的概述1.1、概述1.2、特性1.3、注意事项二、密封类(Sealed Classes)代码示例2.1、密封类(Sealed Classes)代码结构示例2.2、密封类(Sealed Classes)代码示例三、密封类(Sealed Classes)接口代码示例3.1、密封类(Sealed Classes)接口代码结构示…...

编程日记 2024/2/1 21:16:50

【亿级数据专题】「分布式消息引擎」盘点本年度我们探索服务的HA高可用解决方案

盘点本年度我们探索服务的HA高可用解决方案前言介绍HA高可用高可用性评估可用性是平均故障间隔时间 HA技术架构的特性分析Master/Slave架构主从复制模式主从复制的特性分析高可用案例RocketMQ的主从架构责任划分同步机制动态化RocketMQ高可用架构中有限状态机的转换总结Mast…...

编程日记 2024/2/1 21:14:48

计算机网络-物理层设备（中继器集线器）

文章目录中继器中继器的功能再生数字信号和再生模拟信号同一个协议集线器（多口中继器）不具备定向传输的原因集线器是共享式设备的原因集线器的所有接口都处于同一个碰撞域（冲突域）内的原因小结中继器中继器的功能中继器的…...

编程日记 2024/2/1 21:12:46

PaddleDetection学习4——使用Paddle-Lite和OpencCV在 Android 上实现实时的人脸检测（java）

使用Paddle-Lite在 Android 上实现人脸检测 1 环境准备2. 部署步骤2.1 下载PaddleLite-android-demo2.2 运行face_detection_demo项目3 导入OpenCV进行优化3.1 Android Studio配置OpenCV3.2 预处理代码3.3 后处理代码3.4 优化结果1 环境准备参考前一篇在 Android 上使用Paddl…...

编程日记 2024/2/1 21:09:43

mkcert的安装和使用，5分学会在本地开启localhost的https访问方式

mkcert官方仓库地址：https://github.com/FiloSottile/mkcert#installation mkcert 是一个简单的工具，用于制作本地信任的开发证书。它不需要配置。简化我们在本地搭建 https 环境的复杂性，无需操作繁杂的 openssl 实现自签证书了&#xff…...

编程日记 2024/2/1 21:08:42

RHCE DNS域名解析服务器

目录 1. 正向解析 1.1 安装必要软件 1.2 配置静态ip 1.3 DNS配置 1.4 测试 2. 反向解析 2.1 关闭安全软件，安装必要软件 2.2 配置静态ip 2.3 DNS配置 2.4 测试 1. 正向解析 1.1 安装必要软件 1.2 配置静态ip 服务器配置 nmcli c modify ens32 ipv4.method man…...

编程日记 2024/2/1 21:07:41

创建表与删除表（六）

表的基本操作（六） 一、创建表 1.1 使用DDL语句创建表 CREATE TABLE 表名(列名类型,列名类型......); 示例： 创建一个 employees 表包含雇员 ID ，雇员名字，雇员薪水。 create table employees(employee_id int,em…...

编程日记 2024/2/1 21:05:39

微信开发者工具 git 拉取 failed invalid authentication scheme

微信开发者工具 git 拉取 failed invalid authentication scheme 拉取代码时报错,无效身份认证解决方案: 1.检查git地址是否正常 2.检查git用户名密码是否正确...

编程日记 2024/2/1 21:04:38

（4）Elastix图像配准：3D图像

文章目录前言1、项目实战2、参数文件2.1、parameter_file_rigid_3D.txt2.2、parameter_file_affine_3D.txt2.3、parameter_file_bspline_3D.txt前言（1）Elastix图像配准：原理 + 源码（详解）（2）Elastix图像配准：参数文件（配准精度的关键） 1、项目实战将以下文件保…...

编程日记 2024/2/1 21:03:37

windows安装oracle之后怎么连接使用

目录 1.打开SQl Developer 2.选择JDK 3.登录 4.创建表空间,用户安装oracle的详细教程 WINDOWS安装Oracle11.2.0.4-CSDN博客 1.打开SQl Developer 找到 SQl Developer 2.选择JDK 根据你安装的oracle版本,因为我的oracle是安装的32位的,所以这里jdk也要选择32位选择到ja…...

编程日记 2024/2/1 21:00:34

在前端开发中，常见的数组循环方式有以下几种：

在前端开发中，常见的数组循环方式有以下几种： for 循环：使用最传统的 for 循环来遍历数组元素。 const array [1, 2, 3, 4, 5];for (let i 0; i < array.length; i) {console.log(array[i]); }forEach() 方法：使用数组的 …...

编程日记 2024/2/1 20:57:30

Redis -- 单线程模型

失败是成功之母 ——法国作家巴尔扎克目录单线程模型 Redis为什么这么快单线程模型 redis只使用一个线程，处理所有的命令请求，不是说redis服务器进场内部真的就只有一个线程，其实也有多个线程，那就是处理网络和io的线程。 R…...

编程日记 2024/2/1 20:56:29

C语言第十五弹---操作符(上)

✨个人主页： 熬夜学编程的小林 💗系列专栏： 【C语言详解】【数据结构详解】操作符 1、操作符的分类 2、二进制和进制转换 2.1、2进制转10进制 2.1.1、10进制转2进制数字 2.2、2进制转8进制和16进制 2.2.2、2进制转16进制 3. 原码、反…...

编程日记 2024/2/1 20:54:27

使用宝塔面板访问MySQL数据库

文章目录前言一、安装访问工具二、查看数据库总结前言前面我们已经部署了前后端项目，但是却不能得到数据库的信息，看有谁再使用你的项目。例如员工、用户等等。本次博客进行讲解如何在宝塔面板里面访问MySQL数据库。一、安装访问工具 1、打开软件商…...

编程日记 2024/2/1 20:50:23

Win10 双网卡实现同时上内外网

因为需要同时上内网和外网，但公司做了网络隔离，不能同时上内外网，所以多加了块无线网卡，配置双网关实现同时上内外网，互不影响打开 Windows PowerShell（管理员），输入：ro…...

编程日记 2024/2/1 20:49:21

一、其它查询文档：https://docs.djangoproject.com/zh-hans/4.1/ref/models/querysets/#count 1.1、排序 Queryset.order_by(*fields) 默认情况下，QuerySet 返回的结果是按照模型 Meta 中的 ordering 选项给出的排序元组排序的可以通过使用 order_by 方法在每个 QueryS…...

编程日记 2024/2/1 20:47:19

【Linux】Linux基本指令

目录 1.ls指令 2.cd指令 3.touch指令 4.mkdir指令 5.rmdir指令和rm指令 5.1rmdir指令 5.2rm指令 6.man指令 7.cp指令 8.mv指令 9.cat指令 10.more指令 && less指令 10.1more指令 10.2less指令 11.head指令 && tail指令 11.1head指令 11.2tai…...

编程日记 2024/2/1 20:46:18

【Linux】C语言执行shell指令

在C语言中执行Shell指令在C语言中，有几种方法可以执行Shell指令： 1. 使用system()函数这是最简单的方法，包含在stdlib.h头文件中： #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...

编程新知 2025/11/20 18:42:48

Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）

概述在 Swift 开发语言中，各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。不过，在涉及到多个子类派生于基类进行多态模拟的场景下，…...

编程新知 2025/12/18 18:21:12

家政维修平台实战20：权限设计

目录 1 获取工人信息2 搭建工人入口3 权限判断总结目前我们已经搭建好了基础的用户体系，主要是分成几个表，用户表我们是记录用户的基础信息，包括手机、昵称、头像。而工人和员工各有各的表。那么就有一个问题，不同的角色&#xf…...

编程新知 2025/12/14 1:11:38

Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信

文章目录 Linux C语言网络编程详细入门教程：如何一步步实现TCP服务端与客户端通信前言一、网络通信基础概念二、服务端与客户端的完整流程图解三、每一步的详细讲解和代码示例1. 创建Socket（服务端和客户端都要）2. 绑定本地地址和端口&#x…...

编程新知 2025/10/31 21:54:15

JavaScript 数据类型详解

JavaScript 数据类型详解 JavaScript 数据类型分为原始类型（Primitive） 和对象类型（Object） 两大类，共 8 种（ES11）： 一、原始类型（7种） 1. undefined 定…...

编程新知 2025/10/30 21:24:32

Razor编程中@Html的方法使用大全

文章目录 1. 基础HTML辅助方法1.1 Html.ActionLink()1.2 Html.RouteLink()1.3 Html.Display() / Html.DisplayFor()1.4 Html.Editor() / Html.EditorFor()1.5 Html.Label() / Html.LabelFor()1.6 Html.TextBox() / Html.TextBoxFor() 2. 表单相关辅助方法2.1 Html.BeginForm() …...

编程新知 2025/12/13 11:59:32