• CSS的经典技巧

    在学习CSS的时候有很多的技巧需要我们去学习、掌握,但是CSS的技巧有非常的多,我们首先要掌握的就是一些经典技巧,那么接下来我们就一起去看看小编为大分享的CSS的经典技巧。 一、CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-sty...

    2019-11-19 16:01:07

  • HTML51-清除浮动overflow、网易注册界面基本结构搭建

    HTML51-清除浮动overflow、网易注册界面基本结构搭建 一、overflow:hidden;作用 (1)可以将超出标签范围的内容裁剪掉 (2)清除浮动 .box1{ background-color: red; /*border:1px white solid;*/ overflow: hidden; } .box2{ background-color: green; /*border:1px wh...

    2019-11-19 16:01:06

  • 如何设计网页字体大小

    我们在制作 网页 的时候经常会因为网页 字体 而烦恼,网页字体多大才是最合适的呢?我们要如何设计网页字体大小?这些问题都是非常重要的,那么我们现在就去看看设计网页字体大小的技巧介绍。 字体大小 CSS2规范根据长度——水平和垂直尺寸——来定义字体。这个长度为...

    2019-11-19 16:01:01

  • 如何设置HTML页面中文本的字体

    如何设置HTML页面中文本的字体 字体属性介绍 CSS 中的字体属性是干什么的呢?字体字体肯定和字体有关咯,就是设置 HTML 页面中文本的字体, CSS 中常用的字体属性有几种呢,笔者给大家梳理了下,比较常用的一共有 5 种,今天我们就看看这 5 种能给文本的字体带来什么效...

    2019-11-19 16:00:58

  • 【前端知识体系】CSS特效实现之Transition和Transform

    【前端知识体系】CSS特效实现之Transition和Transform对比 CSS效果 1.使用div绘制图形(三角形)? !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 titleTitle/title style .triangle-top { width: 0; height: 0; border-width: 0 40px 40px; border-style: solid;...

    2019-11-18 16:01:34

  • 网站的favicon图标

    网站的favicon图标 网站的favicon图标 favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上。 制作favicon图标 把图片转换为png图片 把png图片转换为ico图标,这需要借助第三方转换网站,例如比特虫:http://www.bitbug.net/ favicon图标放到网...

    2019-11-18 16:01:14

  • CSS3常用新特性

    CSS3常用新特性 CSS3的新特性 新增CSS3特性有兼容性问题,ie9+才支持 移动端支持优于PC端 新增选择器和盒子模型以及其他特性 CSS新增选择器 属性选择器 属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助于类或者id选择器 选择符 简介 E[att] 选择具有att...

    2019-11-18 16:01:02

  • css1.0~3.0背景图使用多张折叠的概念与方法

    需求:使用多张图片作为页面的背景图; 首先需要了解background的属性以及细节知识:https://www.cnblogs.com/chenglj/p/7372996.html background-image:url("1.jpg"),url("2.jpg"),url("3.jpg");background-repeat: no-repeat, no-repeat, no-repeat; background-posi...

    2019-11-18 16:00:58

  • html基础简介

    html基础简介 一、html概念 1、定义:(Hyper Text Markup Language)超文本标记语言,主要是通过html标记对网页中的文本,图片,声音等内容进行描述,同时也可以在文本中包含超级链接,通过超链接实现网页跳转。 2、编码格式: gb2312:国家标准第2312条定义了简体字...

    2019-11-18 16:00:46

  • 记录一些实用的小技巧-CSS篇

    记录一些实用的小技巧-CSS篇 1.单行文本截断 .text { width : 200px ; text-overflow : ellipsis ; white-space : nowrap ; overflow : hidden ; } 2.多行文本截断 -webkit-line-clamp属性值为需要截断的行数 .text { display : -webkit-box ; -webkit-line-clamp : 2...

    2019-11-18 16:00:37

2