OveUI博客
老前端的戎码生涯

HTML/CSS 第3页

10分钟理解CSS3 Grid布局-UI树欲静

10分钟理解CSS3 Grid布局

基本介绍 Grid做前端的同学应该都很熟悉了,翻译成中文为“栅格”,用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout(删格布局),以往css框架中的grid布局一般是通过float和...

赞(0)OveUIOveUI阅读(1243)
CSS多种三列自适应布局实现-UI树欲静

CSS多种三列自适应布局实现

前言 为了按照常规WEB布局,这里全部采用拥有header和footer模式进行左中右布局编写。 第一种:基于float实现 实现思路 常规思路,使左右两个Aside分别浮动至左右两侧即可 代码实现 <!-- HTML部分 -->...

赞(1)OveUIOveUI阅读(1233)
CSS font-family 各名称一览表-UI树欲静

CSS font-family 各名称一览表

windows常见内置中文字体 字体中文名 字体英文名 字体应用 宋体 SimSun(浏览器默认) 中文名 英文名 浏览器默认 黑体 SimHei 中文名 英文名 浏览器默认 微软雅黑 Microsoft Yahei 中文名 英文名 浏览器...

赞(1)OveUIOveUI阅读(4223)
前端布局神器display:flex-UI树欲静

前端布局神器display:flex

2009年,W3C提出了一种新的方案–Flex布局,可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 一、Flex布局是什么? Flex是Flexible Box的缩写,翻译成中文就...

赞(1)OveUIOveUI阅读(3758)
HTML 语言代码 参考手册-UI树欲静

HTML 语言代码 参考手册

ISO 语言代码 HTML 的 lang 属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明,比如: &...

赞(1)OveUIOveUI阅读(4174)
html5 常用 标签-UI树欲静

html5 常用 标签

一、主体结构 header 页面头部,不同与<head></head> aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、...

赞(0)OveUIOveUI阅读(7180)
常用metaf元素属性整理-UI树欲静

常用metaf元素属性整理

< meta > 元素   概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 必要属性 属性 值 描述...

赞(0)OveUIOveUI阅读(2540)
DIV+CSS规范命名集合-UI树欲静

DIV+CSS规范命名集合

我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。   命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号(“R...

赞(0)OveUIOveUI阅读(2697)