首先，我们来理解一下一个网页的基本组成代码如下一个网页是有许许多多的标签对组成的，即开始标签-结束标签，都是成对出现（当然我们后面会说的还存在单标签，表示自闭合标签，例如：<br >）对上述的标签先来解释一下html------------超文本标记语言，浏览器识别的语言，主要负责页面的内容和结构head------------标签用于定义文档的 …
css outline
学Web前端要掌握什么技能？常见CSS知识点有哪些？CSS是前端三要素之一，是Web前端工程师必须要掌握的知识点。为了快速、系统的掌握企业所需的Web前端技术，很多人选择专业的学习，下面就给大家分享CSS常见知识点分享。 CSS：Cascading Style sheet层叠样式表或级联样式表，是一种样式设置规则，用于控制页面的外观的样式。使用CSS能 …
示例简介汇总项目中常用的css技巧。技巧要点1、css实现倒三角效果：display: inline-block;content: "";border: 10px solid transparent;border-top-color: red;2、iOS上滑动不流畅问题：在“overflow:scroll”部分，也就是需要滑动的层处，加css …
大家好，我是刷碗智，今天来摸鱼了。修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。1. 解决 img 5px 间距的问题你是否经常遇到图片底部多出5px间距的问题？不用急，这里有4种方法可以解决。方案1：设置父元素字 …
大家好，不知道你们是否和我一样存在这样的困惑呢，虽然css入门容易，但是其内容太多，好多属性看了似是而非，觉得自己看懂了，到自己用的时候又很犯难了，看到漂亮的效果还是无从下手，这主要还是自己对新属性实践太少了，不能进行灵活应用，CSS总让一些人找不到感觉。其实学好CSS真的没有太多捷径，和JS编程一样，要重视对待，要多看和多练，因为现在的CSS不再是以前的C …
将html转为pdf的组件有很多，但是还没有哪一款能达到这个效果，其只要原因是wkhtmltopdf使用webkit网页渲染引擎开发的用来将 html转成 pdf的工具，可以跟多种脚本语言进行集成来转换文档。但是就使用简便性来说还是itext等组件占据优势，如果你要转换格式有比较高的要求，那么wkhtmltopdf绝对是不二之选！下载路径官网地址 wkhtm …
一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。兼容性如下，在移动端没什么问题placeholder-show是如何工作的？:placeholde …
body 的背景图设置第一种 :这种情况下背景图片可以缩放 但是不能完全等比缩放background: url(imgs1.jpg)no-repeat;background-position:center 0; 背景图的定位原点,由于body高不确定background-attachment:fixed; 背景图片保持固定,不会随页面滚动而滚动第二种: 这种 …
01.【负边距】负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似02.【shape-outside】?不要自以为是了。你以为自己是方的，在别人眼里你却是圆的03.【BFC应用】BFC应用之阻止外边距合并（margin collapsing）04.【BFC应用】BFC应用之消除浮动的影响05.【flex不为人知的特性 …
有时我们需要一个容器，只有在内侧有圆角，而border和outline的四个角在外部仍然保持直角的形状。一般的方法如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>边框内圆角< …