HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第30页

CSS3与页面布局学习总结（七）——前端预处理技术（Less、Sass、CoffeeScript、TypeScript）

CSS不像其它高级语言一样支持算术运算、变量、流程控制与面向对象特性，所以CSS样式较多时会引起一些问题，如修改复杂，冗余，某些别的语言很简单的功能实现不了等。而javascript则是一种半面向对象的动态语言，有java的影子，有C的味道，中间有比其它语言多的糟粕，使用预处理办法可以解决这些问题。其中Less[les...

代码星球 ·2021-02-12

CSS3与页面布局学习总结（五）——Web Font与Sprite

webfont是应用在web中的一种字体技术，在CSS中使用font-face定义新的字体。先了解操作系统中的字体：a）、安装好操作系统后，会默认安装一些字体，这些字体文件描述了每一个文字的形态，一般中文文件大，英文文件小，因为中文字符数多；在控制面板中可以找到文字文件夹，在C:WindowsFonts下也可以直接找到...

代码星球 ·2021-02-12

CSS3与页面布局学习总结（三）——BFC、定位、浮动、7种垂直居中方法

BFC（BlockFormattingContext）即“块级格式化上下文”，IFC（InlineFormattingContext）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文，你可以把BFC想象成一个大箱子，箱子外边的元素将不与箱子内...

代码星球 ·2021-02-12

CSS3与页面布局学习总结（二）——Box Model、边距折叠、内联与块标签、CSSReset

盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型，加上了doctype声明，让所有浏览器都会...

代码星球 ·2021-02-12

HTML5 学习总结（四）——canvas绘图、WebGL、SVG

canvas是HTML5中新增一个HTML5标签与操作canvas的javascriptAPI，它可以实现在网页中完成动态的2D与3D图像技术。<canvas>标记和SVG以及VML之间的一个重要的不同是，<canvas>有一个基于JavaScript的绘图API，而SVG和VML使用一个XML...

代码星球 ·2021-02-12

CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位

web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职责”的意思，如字体大小应该是CSS控...

代码星球 ·2021-02-12

HTML5 学习总结（二）——HTML5新增属性与表单元素

contextmenu的作用是指定右键菜单。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><body><divid="div1...

代码星球 ·2021-02-12

HTML5 学习总结（三）——本地存储（localStorage、sessionStorage、WebSqlDataBase、IndexedDB）

HTML5问世以后，前端加入了一个重要的功能，便是本地存储，本地存储可分为4类：LocalStorage：总的存储量有所限制，并不能提供真正的检索API，数据的生命期比窗口或浏览器的生命期长，数据可被同源的每个窗口或者标签页共享，兼容性很好，使用最多的存储方式。SessionStorage：只要浏览器窗口不关闭就会一直...

代码星球 ·2021-02-12

css background之设置图片为背景技巧

原文 Background是什么意思，翻译过来有背景意思。同样在css里面作为css属性一成员同样是有背景意思，并且是设置背景图片、背景颜色、背景图片截取等样式。首先先来看看background有那些值（可进入CSS手册的background详细了解）可以按顺序设置如下属性（可点击进入相应的css手册查看使用...

代码星球 ·2021-02-12

css 设置 checkbox复选框控件的对勾√样式

最终的样式，想要的效果：我们要创建方框中的对勾，对于这一点，我们可以使用伪类创建一个新的元素，为了实现这个样式，我们可以创建一个5px*15px的长方形并给他加上边框。这时候我们去掉上面和右边的边框之后，它会看起来像一个字母L。然后我们可以使用CSS的属性让它旋转一下，这样看起来就像是一个对勾。<!D...

代码星球 ·2021-02-12

CSS 实现对号效果

实现对号效果，一种思路是利用现成的符号，直接在网上搜索到√，插入页面。另一种思路是本文要介绍的用CSS实现，思路是：给块级元素设置宽度和高度设置元素相邻的两个border 旋转元素HTML<div...

代码星球 ·2021-02-12

关于jmeter响应结果用html查看乱码

1、点击进入bin文件，找到.properties文件，打开2、找到encoding，找到这一行 3、将编码更改为utf-8保存就好了 ...

代码星球 ·2021-02-12

css中常用的伪类

　　div:first-child 表示第一个div，代码如下　　<html><head><title></title></head><style>*{margin:0;padding:0;}.show>div{width:100p...

代码星球 ·2021-02-12

css类层级问题

　　.showh1{}，h1元素的上级或者h1元素的上上级，h1的先祖级是show，h1都会有这个样式　　.show>h1{}，h1元素的直接父级是show，这样的h1才会有这个样式　　<html><head><title></title></head>...

代码星球 ·2021-02-12

css两种隐藏div的区别

　　1.display：none　　display:none该div会被隐藏，且不占样式空间，不会被该div影响任何布局　　2.version:hidden　　variable:hidden该div会被隐藏，但是依旧占样式空间，该div依然会影响布局　　总结：display:none使div不存在，variable:h...

代码星球 ·2021-02-12