在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。 通过 CSS3，web 设计师可以使用他们喜欢的任意字体。 当您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。 您“自己的”的字体是在 CSS...

2019-02-17 01:48:56

HTML5笔记 了解HTML5 ?HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体！！！ 例如： video 标签和 audio 及 canvas 标记 ? 新特性： 1. 取消了过时的显示效果标记 font/font 和 center/center ... 2. 新表单元素引入 3. 新语义...

2019-02-17 01:48:53

方案一 bgc { background-image: url(../image.ipg); positon:absolute; left:0; right:0; bottom:0; top:0;} 方案二 position absolute width 100vw height 100vh background-repeat no-repeat background-size cover background-position 50% background-image url('...

2019-02-17 01:48:48

CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于 父元素 (成为 Grid Container 网格容器)和其子元素（成为 Grid Items 网格项），你就可以轻松使用...

2019-02-17 01:48:44

就像上图这样的动画效果 在导航栏里的时候，下划线跟随鼠标移动，鼠标移出导航栏时，下划线回到初始位置，同时要适应导航的宽度 为了适应导航的宽度，就不能给导航元素设置 margin，然后将导航元素的 clientWidth 设置给下划线 然后需要让下划线独立于导航之外，从而保...

2019-02-17 01:48:42

一、运行截图 二、代码 html代码： 1 div id ="box" style ="min-height:253px;" 2 span class ="one" / span 3 span class ="two" / span 4 span class ="three" / span 5 span class ="four" / span 6 7 nz-card style ="background-color: #13123a;border: 0px;colo...

2019-02-17 01:48:42

/* 子元素浮动，父元素撑开 */ .父元素 { } .父元素:before { content : "" ; display : table ;} .父元素:after { content : "" ; display : table ; clear : both ;}...

2019-02-17 01:48:41

HTML标签的认识 一、标签的分类 1、双标签 如html /html 2、单标签 如br \ 换行标签 二、标签的关系 1、嵌套关系 如head 与title 父子关系 headtitle/title/head 2、并列关系 如head与body 兄弟关系 三、排版标签 1、标题标签 h1-h6 h1比较重要，一般用作网站的logo 2...

2019-02-17 01:48:40

float浮动，用于 横向布局 。 起初的横向布局都用 display:inline-block ，但是这会导致两个元素之间有空隙，而这是由代码换行解析成空格的，解决元素间有空隙，空格： font-size:0;, 但影响很大。 float浮动会破坏 line-box ，即浮动元素 脱离文档流 （当给一个元素设...

2019-02-17 01:48:39

一， 效果图。 二，代码。 ! DOCTYPE html html head meta charset ="utf-8" title CSS 浮动 / title style img { float : right ; } .thumbnail { float : left ; width : 110px ; height : 90px ; margin : 5px ; } .text_line { clear : both ; margin-bottom : 2px...

2019-02-17 01:48:37