css初学

最新推荐文章于 2024-08-14 12:22:11 发布
最新推荐文章于 2024-08-14 12:22:11 发布
阅读量81 收藏
点赞数 1
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rlqabc/article/details/125406916
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Baidu</title>

    <style>

        p{

            font-size: 30px;

            color: rgb(72, 0, 255);

        }

        #back{

            font-size: 20px;

            color: rgb(0,0, 0);

        }

        #k{

            font-size: 20px;

            color: rgb(0,0, 0);

        }

        </style>

       

</head>

<body>

   

   <p align="center"> <img src="../css/image/bdlogo.gif" width="500" height="168"></p>

    <p align="center">

        <a href="#xw" >新闻</a>

        <a href="#wy">网页</a>

        <a href="#tb">贴吧</a>

        <a href="#zd">知道</a>

       <a href="#yy">音乐</a>

        <a href="#tp">图片</a>

        <a href="#sp">视频</a>

        <a href="#dt">地图</a>

        </p>

       

 <p id="k"  align="center">

    <input type="text" style='height:35px;width: 430px;' type='text' id='keywords' name='keywords'>

    <button style="height: 35px;width: 120px;">百度一下</button></p>

<p align="center">

    <a href="#xw" >百科</a>

    <a href="#wy">文库</a>

    <a href="#hao">hao123</a>

    <span>|</span>

    <a href="#gd">更多>></a>

</p>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>



 

<p align="center">

    <a href="#bbdsz" >把百度设为主页</a>

    <a href="#azbd">安装百度游览器</a>

</p>

<p align="center">

    <a href="#jrbd" >加入百度推广</a>

    <span>|</span>

    <a href="#ssfyb">搜索风云榜</a>

    <span>|</span>

    <a href="#ssfyb">关于百度</a>

    <span>|</span>

    <a href="#ssfyb">About Baidu</a>

</p>

<p id="back" align="center">2013 Baidu 使用百度前必读 京ICP证030173号</p>

</body>

</html>

<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href=".//douyin/iconfont.css">

<style>

body{

    background-color: black;

}

.font_1{

    font-size: 10px;

    color: white;

}

.font_2{

    font-size: 15px;

    color: white;

    margin-top: -375px;

}

.font_3{

    font-size: 15px;

    color: white;

}

.font_4{

    font-size: 15px;

    color: white;

   

}

.font_5{

    font-size: 15px;

    color: white;

    margin-bottom: 230px;

}

.box1{

    width: 400px;

    height: 400px;

}

i{

   

    color: white;

}

.box2{

    margin-top: 1000px;

}

img{

    width: 30px;

}

</style>

</head>

<body>

    <div class="font_1">关注 | 推荐 | 附近</div>

    <i class="iconfont icon-search"></i><br>

    <img src="./video/logo.png" alt=""><br>

    <i class="iconfont icon-star" ></i> <br>

    <i class="iconfont icon-comment"></i><br>

    <i class="iconfont icon-share"></i>

    <div class="font_1">

        @淘气的猫

        <br><br>《古惑仔》是最佳拍档电影公司出品的香港黑帮题材系列电影，正传电影由刘伟强执导，郑伊健、陈小春等主演

        <br><br>@烟台融媒创作的原创原声-烟台传媒<br><br></br>

        <img src="./video/logo.png" style="width:20px"><br>

    </div>

    <div >

        <video class="box1" src="./video/1.mp4" controls>

        </video><br>

        <img src="./video/logo.png" alt=""><br>

        <div  class="font_2">首页</div><br>

        <div  class="font_3">朋友</div><br>

        <div  class="font_4">+</div><br>

        <div  class="font_5">我</div>

    </div>

    <i class="iconfont icon-star" ></i> <br>

    <i class="iconfont icon-comment"></i><br>

    <i class="iconfont icon-share"></i>

    <div class="font_1">

        @淘气的猫

        <br><br>《古惑仔》是最佳拍档电影公司出品的香港黑帮题材系列电影，正传电影由刘伟强执导，郑伊健、陈小春等主演

        <br><br>@烟台融媒创作的原创原声-烟台传媒<br>

        <img src="./video/logo.png" style="width:20px"><br><br></br>

        <x></x>

       

    </div>

    <div >

        <video class="box1" src="./video/2.mp4" controls>

        </video><br>

        <img src="./video/logo.png" alt=""><br>

        <i class="iconfont icon-star" ></i> <br>

        <i class="iconfont icon-comment"></i><br>

        <i class="iconfont icon-share"></i>

        <div class="font_1">

            @淘气的猫

            <br><br>《古惑仔》是最佳拍档电影公司出品的香港黑帮题材系列电影，正传电影由刘伟强执导，郑伊健、陈小春等主演

            <br><br>@烟台融媒创作的原创原声-烟台传媒<br>

            <img src="./video/logo.png" style="width:20px"><br><br></br>

           

        </div>

        <div >

            <video class="box1" src="./video/3.mp4" controls>

            </video>

   

       

   

   














 

   

   

   




 

</body>

</html>

 

 

 

柠柒.024
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Tailwind CSS 初学者指南
Willin Wang 的全栈升级指南
09-14 1237
Tailwind CSS 不是一个典型的 CSS 框架，它为您提供现成的组件，如按钮、卡片或导航栏。相反，它为您提供了一组低级实用程序类，您可以组合和自定义这些类，以直接在HTML中创建所需的任何设计。这是传统 CSS 框架：
HTML和CSS初学脑图总结
smile981005的博客
04-16 405
初学者，如果有错误地方请指教！
CSS初学-圆角边框，盒子阴影，文字阴影
A_S_X_Y的博客
09-12 125
圆角边框： 核心原理： 盒子阴影： 文字阴影：
CSS初学：如何修改Zblog中的CSS
html基础教程
02-28 1998
在学习应用css之前我们要先了解一下什么是css。CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言). * 在标准网页设计中CSS负责网页内容(XHTML)的表现. * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀. * 可以通...
推荐项目：Tailwind CSS 初学者教程资源库
gitblog_00014的博客
06-04 389
推荐项目：Tailwind CSS 初学者教程资源库 项目地址:https://gitcode.com/gitdagray/tailwind-css-course 1、项目介绍 这是一个由David Gray提供的全面的Tailwind CSS教程资源库，包含了5个章节的学习内容。这个项目不仅仅是代码示例，更是一个引导初学者掌握Tailwind CSS这一强大工具的宝典。无论你是前端开发者还是网页...
css初学者应该关注的网站
09-29 411
css可以理解成布局标记语言，国外有一个叫做Learn CSS Layout的网站，每一种css的用法都在当前页面用css展现出来，并且配有非常详细的讲解。 与网上的其他教程不同的是，Learn CSS Layout里面的内容看起来非常轻松，我觉得可能是以下方面的原因： 1.非常详细的讲解，而且是图文并茂，并配有代码。 2.休闲的风格，就像是小学生学习新东西的感觉，完全不觉得是在
初学HTML+CSS练习搭建个人博客笔记
热门推荐
向着太阳迎着光
10-13 2万+
前言 工作需求初学html+css的使用，在网上看视频学着写了一个个人博客 在这边只是做一下自己的学习笔记记录，如果对你有帮助，你就稍微看看，如果没有请忽略！下面上html代码： Document ......
css初学笔记：css三种书写方式及基本选择器
qq_43955202的博客
12-22 2288
css学习笔记： 一：css书写使用； 1.行内式： 直接书写在标签中的一个style属性中，属性值是包含所有的css样式属性。 例如：&lt;div style="width：300px；height：300px;background-color: red;font-size: 30px;"&gt;我是div标签&lt;/div&gt; 2.嵌入式（内嵌式）： 书写在head标签里一个style...
初学CSS
qq_51552328的博客
06-20 130
初学css
初学CSS发光圆形背景
https://github.com/blingbling-110
08-10 1061
利用radial-gradient() CSS函数实现 示例： <div></div> div { width: 300px; height: 300px; background: radial-gradient(circle at top, orange, transparent 40%); /* 便于观察DOM */ border: solid 1px black; }
HTML CSS 初学的练习.zip
12-30
HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习HTML CSS 初学的练习HTML CSS 初学的练习 HTML CSS 初学的练习...
CSS初学者代码.zip
11-04
【CSS初学者代码.zip】这个压缩包文件是一个针对CSS初学者的学习资源，包含了从基础到进阶的一些关键知识点。下面将详细阐述其中所涵盖的CSS技术及其应用。 1. **HTML中引入CSS样式的方式** - 第一种方式：内联...
CSS初学者常犯错误汇总
01-19
前面文章介绍了给CSS初学者收集的技巧，这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。 　在编写CSS样式时，常常会出现一些问题，有些问题可以很快得已解决，而有些问题可能会浪费我们很多的...
css初学者技巧
12-04
【CSS初学者技巧】是关于如何有效地学习和应用CSS（层叠样式表）来构建美观且功能完善的网站界面的关键要点。CSS是Web设计的核心组成部分，它负责定义网页的布局、颜色、字体等视觉表现，与HTML内容分离，使得设计...
css实现水滴效果图
yinge0508的博客
08-12 1181
【代码】css实现水滴效果图。
CSS 基础
jht_520的博客
08-10 343
比如，增加内边距可以使元素内部的内容与边框之间有更多的空间，而调整外边距可以控制元素与周围元素的距离。通过使用媒体查询，我们可以针对不同的屏幕宽度设置不同的 CSS 规则。例如，在小屏幕设备上，可以隐藏一些不必要的元素，或者改变导航栏的样式，以提供更好的用户体验。它可以决定网页中文字的字体、大小、颜色，还能设置元素的背景颜色、边框样式等。比如，通过 CSS 我们可以将网页的标题设置为醒目的大字号、独特的字体和鲜艳的颜色，使其更加吸引用户的注意力。CSS，即层叠样式表，是网页设计中不可或缺的一部分。
【playwright篇】CSS 选择器 详细用法
最新发布
qadnkz的专栏
08-14 853
在 Playwright 中，CSS 选择器是非常重要的，因为它们用于定位页面上的元素。CSS 选择器允许您通过 HTML 元素的属性、类名、ID 等来定位元素。以下是 CSS 选择器的一些基本用法和示例。
CSS（层叠样式表）
Chujun123528的博客
08-09 1253
CSS全称为Cascading Style Sheets（层叠样式表），是一种用于描述网页样式的语言。它可以将HTML文档中的内容与样式分离，使得网页的结构和呈现分离，提高了页面的可维护性和可重用性。CSS允许开发者对HTML元素进行各种视觉方面的样式控制，包括文字和字体属性、颜色和背景、布局和定位等。
CSS初学者指南：安装工具与修改字体颜色
本教程是针对CSS初学者设计的，特别是那些希望对基本样式如字体和颜色进行个性化调整但不想深入学习的用户。作者BlueTopaz，即"3F"，在教程中强调了其非专业性，适合快速入门和进行简单的修改，比如字体和颜色的更改...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值