CSS
-
详解CSS Grid布局
详解CSS Grid布局本文译自A Complete Guide to CSS Grid(https://css-tricks.
-
纯css实现动态渐变背景
纯css实现动态渐变背景先看看最终效果这个效果非常简单，只要看完实现原理应该就是有思路了。原理规定好容器尺寸设置渐变背景： background: linear-gra
-
8个最先进的CSS功能（以及如何使用它们）
8个最先进的CSS功能（以及如何使用它们）CSS一直在不断地发展，规范中添加的许多功能，使得它成为web设计者手中一个强大的武器。我们使用简写 grid-column 和 grid-ro
-
css完成手机端导航左右滑动
css完成手机端导航左右滑动手机端左右，滑动导航，html正常写，css超出不换行，隐藏滚动条.submenu{width:90%;margin:35pxauto0;}//
-
CSS实现常见元素水平、垂直居中
CSS实现常见元素水平、垂直居中本文简单介绍如何通过CSS实现常见元素的水平、垂直居中。水平居中行内元素这种情况最简单，只需要将行内元素包括在一个display属性为block
-
HTML+CSS零基础教学：每天学习几分钟，轻松掌握HTML（一）
HTML+CSS零基础教学：每天学习几分钟，轻松掌握HTML（一）html是什么？TML代表“超文本标记语言”，其中“超文本”指的是文本中包含的链接和其他媒体元素，例如图像和视频。HTML使用标记或标签来定义文
-
头大！SCI、 EI、SSCI 、CSSCI这些到底是什么？
头大！SCI、 EI、SSCI 、CSSCI这些到底是什么？SCI、 EI、SSCI 、CSSCI这些到底是指什么?首先，简明扼要介绍一下，SCI、 EI、SSCI、CSCI等等都是检索数据库，收录了很多
-
HTML&CSS基础-内联样式和内部样式表
HTML&CSS基础-内联样式和内部样式表HTML&CSS基础-内联样式和内部样式表作者：尹正杰版权声明：原创作品，谢绝转载！否则将追究法律责任。一.CSS(CascadingStyleSheets)简介二.使用火狐(MozillaFirefox)浏览器的Tilt插件的3D效果来看层叠样式表1>.如下图所示,按
-
背景的css代码,CSS 背景(示例代码)
背景的css代码,CSS 背景(示例代码)CSS背景属性用于定义HTML元素的背景。CSS属性定义背景效果:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position背景颜色background-color属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中:实例body{background-col…
-
CSS 处理空白符 white-space属性
CSS 处理空白符 white-space属性处理空白符white-space属性用来设置文本内空白符（如空格、回车、tab字符等）的处理方式，可选值有normal|pre|nowrap|pre-wrap|pre-line，默认值为normal。该属性出自CSS1，在CSS2.1中新增了属性值pre-wrap和pre-line。不同取值的含义见表3‑6：表3‑6white-space属性的取值及含义属性值…
-
CSS3box-shadow属性详解
CSS3box-shadow属性详解CSS3添加阴影（盒子阴影的使用）CSS3-给div或者文字添加阴影（盒子阴影、文本阴影的使用）CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及其更新版本，而文本阴影需要IE10及其更新版本。下面分别介绍box-shadow阴影的使用：1、盒子阴影box-shadowbox-shadow属性向box添加一个或多个阴影。语法：box-shadow:of…
-
使用CSS实现按钮点击波纹效果
使用CSS实现按钮点击波纹效果有的网站会为按钮添加点击波纹效果提升网站效果，我们可以简单实现一下：主要借助::after伪类及CSS3中的transform和transition属性：html:divclass=”containertext-center”buttonclass=”btnbtn-defaultripplebtn-lg”Button/buttonbu
-
css隐藏滚动条但保持滚动
css隐藏滚动条但保持滚动一个小小的问题找了好多地方，很多竟然都是同一个方法并不能解决问题很烦人看我的首先可以用这个`::-webkit-scrollbar{width:0px;}::-webkit-scrollbar-track{background-color:none;}::-webkit-scrollbar-thumb{background-color:none;}::-webk…
-
CSS中的块级元素、行内元素和行内块元素
CSS中的块级元素、行内元素和行内块元素元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div与span的显示方式不一样，因为div是块级元素，会占据一行，而span为行内元素，可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。块级元素block块级元素，顾…
-
css伪类-小圆点
css伪类-小圆点项目需求：在每个单元格的前面加一个小圆点，效果图如下：搜了一大堆文章，加小圆点的方法无非就是设置width、height、border-raduis。可是来来回回试了好多遍，就是样式加不上，汗颜~偶然间看一大神说必须加上display:inline-block;才会生效，我的天呐，不会是真的吧。对，就是这个样子滴，附上完整的代码，可随意ctrlc+v<!html><divclass=”headers”><divclass=”heade
-
pc版Web聊天界面+代码分享（HTML+CSS）
pc版Web聊天界面+代码分享（HTML+CSS）不会写前端的测试，不是好测试。抓紧写完用例后划水写了个聊天界面，样式纯高仿tx的扣扣该例子还在更新中，因为内容比较少，当时也没有想到要上传博客，并没有标明注释。如果看的人比较多，我在加些注释。本eg包含英文为初中水平，请大胆阅读。HTML代码：<!doctypehtml><htmllang=”en”><head><m…
-
CSS3弹性盒子flex布局
CSS3弹性盒子flex布局弹性盒子flex布局，弹性盒子，盒子模型
-
HTML/CSS 常见面试题汇总
HTML/CSS 常见面试题汇总HTML面试题1、<image>标签上title属性与alt属性的区别是什么？alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。title属性为设置该属性的元素提供建议性的信息。使用ti…
-
CSS文字居中和盒子居中的使用区别
CSS文字居中和盒子居中的使用区别CSS文字居中和盒子居中的区别文字居中：text-align:center;盒子居中：margin：0auto;
-
css translate 坐标,CSS3 位移转换 translate3d()translatez()应用实例
css translate 坐标,CSS3 位移转换 translate3d()translatez()应用实例CSS3转换中的对象(div、ulli等)位移变换分为2d与3d两种情况，2d即对象在平面中移动，3d即对象在空间中移动；2d的平移在前面的文章中已经介绍过，本篇介绍3d的情况，与2d不同的是多一个Z坐标轴。由于translate3d要用到translatez，所以在介绍它之前需要先了解translatez。下面先介绍translatez和translate3d的语法规则，再分别分享一个…
