首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏web前端

    HTML+CSS基础

    第一章 一、样式      1、行间样式,代码不可维护,不推荐      2、内联样式,不可重用,不推荐      3、外联样式,可重用,可维护,推荐     <link rel="stylesheet" href="...css" /> 二、边框      1、组成:border: 1px [ solid | dashed |double ] red;           1.1     双实线的宽度用border-width: 4px; 设置      2、方向:border-[ top | botto

    3.8K91发布于 2018-01-09
  • 来自专栏web前端

    HTML+CSS高级

    第一章 一、内联块     display: inline-block;      1、特征:                1.1     块级元素在一行显示     (得到内联元素的属性)           1.2     内联元素支持宽高     (得到块的属性)           1.3     没有宽度的时候,内容撑开宽度     (得到内联元

    7.9K61发布于 2018-01-09
  • 来自专栏MIKE笔记 技术教程

    HTML+CSS【规范】

    书写规范 4.去掉小数点前的“0” 5.连字符CSS选择器命名规范 6.字符小写 7.选择器 8.代码注释 9.不要随意使用ID 10.为选择器添加状态前缀 11.CSS命名规范(规则) ---- 前言 HTML

    1.3K50编辑于 2023-03-23
  • 来自专栏css小迷妹

    HTML+CSS基础分享!

    HTML 段落 可以把 HTML 文档分割为若干段落,段落是通过 

     标签定义的。 如下代码:

    This is a paragraph

    This is another paragraph

    注释:浏览器会自动地在段落的前后添加空行。(

     是块级元素) 提示:使用空的段落标记 

     去插入一个空行是个坏习惯。用 
     标签代替它!(但是不要用 
     标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。) 不要忘记结束标签 即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来: 如下代码:

    This is a paragraph

    This is another paragraph 上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。 注释:在未来的 HTML 版本中,不允许省略结束标签。 提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。 HTML 折行 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 
     标签:

    This is
    a para
    graph with line breaks

    注释:
     元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
     还是 
    您也许发现 
     与 
     很相似。 在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。 即使 
     在所有浏览器中的显示都没有问题,使用 
     也是更长远的保障。 HTML 输出 - 有用的提示 我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。 如下代码:

        春眠不觉晓,       处处闻啼鸟。         夜来风雨声,           花落知多少。

      输出结果: 春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。

    1.2K00发布于 2021-09-22
  • 来自专栏web开发

    html+css实现指针时钟

    周末时间,突然想用html+css实现一个简单的指针时钟的功能,以下是具体代码实现,最后附有线上链接地址。 1、代码 1.1、clock.html <!

    1.9K30编辑于 2022-06-06
  • 来自专栏老K博客

    HTML+CSS TAB导航栏

    这段代码是设置所有元素的外边距和内边距为0,并且使用 border-box 盒模型。

    3.5K10编辑于 2024-06-12
  • 来自专栏Java

    HTML+CSS登录页面

    简介:本文用最通俗的语言,一步步教会大家CSS构建登录页面。 首先构建HTML框架,包含用户名,密码,记住密码,注册这几个功能。 如果大家HTML不牢固,请看我的这篇博客:https://blog.csdn.net/qq_51447496/article/details/127158655

    4.8K10编辑于 2025-01-21
  • 来自专栏html5期末大作业

    仿QQ音乐(HTML+CSS)

    ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者:

    8.7K20编辑于 2022-08-14
  • 来自专栏Euclid学习日记

    java学习(html+css)

    1.网页的构成:结构:html 表现:css 反映:JavaScript

    66100发布于 2019-12-29
  • 来自专栏前端开发

    HTML+CSS练习题【详解】

    A .

    此时 div 和 span 属于并列关系

    1.3K10编辑于 2024-03-20
  • 来自专栏前端

    HTML+CSS 水滴登录页

    1.4K00编辑于 2024-09-28
  • 来自专栏AIGC

    【前端】HTML+CSS 编程规范指南

    img 标签在网页中起到非常重要的作用,特别是在设计多媒体丰富的页面时。合理为图像指定宽高属性能够帮助浏览器提前预留出合适的空间,减少页面布局在加载时的抖动。

    80010编辑于 2025-06-01
  • 来自专栏别先生

    HTML+CSS小实战案例

    HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 1 <html> 2 <head> 3 <meta http-equiv

    3K91发布于 2017-12-29
  • 来自专栏别先生

    HTML+CSS提升小实战

    2004-2012 Jimmyspa.com All Rights Reserved. 102

    103
    104 </body> 105 </html> 亲自实战的HTML

3.3K80发布于 2017-12-29
  • 来自专栏编程

    小白必知HTML+CSS编写规范

    一、文档规范 1.HTML和CSS文档必须采用UTF-8(不包括Unicode签名BOM)编码格式; 2.HTML和CSS文档换行符必须采用UNIX/LINUX的换行编码LF(/n); 3.HTML文档必须使用HTML5的标准文档格式; 二、编写规范 1.HTML和CSS的标签、属性、类名、ID都必须使用小写字母; 2.HTML和CSS的属性、类名、ID命名必须具有语义化; 3.HTML代码必须保持文档结构清晰,必须合理的进行代码缩进; 4.CSS文件禁止样式表内引用CSS文件; 5.CSS编写格式,样式代

    1.3K50发布于 2018-02-01
  • 来自专栏Cell的前端专栏

    前端面试题-HTML+CSS

    浏览器内核又可以分成两部分:渲染引擎和 JS 引擎。 渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等,JS 引擎则是解析 Javascript 语言,执行 javascript 语言来实现网页的动态效果。

    1.7K30编辑于 2022-02-25
  • 来自专栏菜鸟前端工程师

    html+css学习笔记011-表单

    Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 责任与担当 这几天公司招聘文案 好几个应聘上的孩子 答应的好好的第二天来上班 然而却一去不复返 给公司的工作计划造成了极大的困扰 并不是责备他们 而是从他们身上 看到了以前那任性和不负责任的自己 原来当初我那些自以为小小的无所谓的举动 会给亲人、朋友和同事带来那么大的麻烦 只是他们选择了宽容 <!DOCTYPE html> <html lang='en'>

    1.3K30发布于 2018-09-05
  • 来自专栏THUNDER王——CSDN内容同步

    Html+Css实现——时间轴日志

    个人网站:【芒果个人日志】​​​​​​ 原文地址:Html+Css实现——时间轴日志 - 芒果个人日志 (wyz-math.cn) 作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主 目录 页面效果图 HTML+CSS部分 页面效果图 时间日志.jpg HTML+CSS部分 <!

    2.6K20编辑于 2023-02-23
  • 来自专栏阿哲学习笔记

    HTML+CSS实现隔行换色

    第一种 <!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>隔行换色</title> <style> p:nth-c

    2.3K10编辑于 2022-03-13
  • 来自专栏-csdn迁移

    HTML+CSS案例-学成在线首页

    目录 网页效果 index.html代码 style.css代码 百度网盘链接 网页效果 网页效果浏览 index.html代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial

    4.6K20编辑于 2021-12-08
  • 领券