H5、CSS3属性的支持性以及flex
一、项目中用到一个flex属性，但是应用了flex的父容器只设置了width，没有设置height，此时每一个应用了上面提到的属性的样式的div都重叠在了一起，在IE10，IE11出问题，IE9没有问题。（待深入研究）二、距离上一次发布《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》转眼已...
【原】常见CSS3属性对ios&android&winphone的支持
2个月前，我在博文《webapp开发中兼容Android4.0以下版本的css hack》中写过“那对于做移动网页开发的同事来说，一般只要做好webkit内核浏览器的展现效果就行了” ，在这里纠正下，在目前Wepapp开发中，主要对webkit内核的手机做好各个版本的兼容已经不够了，像其它的高端智能...
移动端 几个css3属性的练习
转行做前端，上班有一个星期了，什么都不懂，今天学习了几个新的css3属性，记录下来。注：所有的测试均是在chrome上手机模式测试，与真实的手机环境可能有误差1：-webkit-tap-heighlight-color:rgba();改变safari 与大部分android机可点击元素，点击时产生的...
半透明全屏蒙层+全屏屏蔽+内容居中+css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://...
HTML CSS微信CSS显示一些总结
微信显示网页是调用腾讯自带的浏览器内核，由于腾讯浏览器内核对css展示效果没有谷歌浏览器好，导致用谷歌浏览器写好的网页，放到微信页面之后，显示的效果就发生变化，所以调整css样式显得那么吃力；1、<li ><img style="width:100%; height:12em;" ...
微信小程序css报错:at-rule or selector expected
在写微信小程序，前几天还好好的，今天换了一个基础库后发现wxml页面报错了 错误提示 虽然页面能够显示，功能能够使用，但是看得很不舒服如何修改： 在微信开发者工具右下角，把HTML换成XML 更改前：更改后： 就没有报错了...
【转】纯CSS设置Checkbox复选框控件的样式
Checkbox复选框是一个可能每一个网站都在使用的HTML元素，但大多数人并不给它们设置样式，所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式，甚至可以让它看起来一点也不像复选框。在本教程中，我们将创建5个不同的选择框，你可以在你的网站上使用它。c...
CSS3 动画关键帧 @keyframes
在CSS3中，通过 animation 属性来定义动画。虽然 transition 也可以实现从一种状态到另一种状态的动画效果，但它只能控制开始和结束的两个点，功能非常有限。而 animation 除了能控制开始和结束的两个点外，还能通过关键帧来控制动画的每一步，可以实现更为复杂的动画效果。CSS3...
CSS3特效 - 会呼吸的button按钮
动画过度都很流畅。这里以gif为模拟效果。1. 效果图2. 代码如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS3特效 - 会呼吸的button按钮</titl...
前端人员从photoshop中获取css代码的方法
转自https://blog.csdn.net/xiaoermingn/article/details/53244117很多时候拿到设计图的时候，如果UI没有给配色、字体大小什么的说明文件，这时就需要我们自己去取，传统的方法是在photoshop中取色、量取像素大小之类的，在photoshop cc...
使用CSS实现一个简单的幻灯片效果
方法一： 简单的CSS代码实现幻灯片效果方法二： 使用CSS3 Animation来制作幻灯片方法一： 简单的CSS代码实现幻灯片效果话不多说，直接上代码<!DOCTYPE html><html lang="zh-CN"><head> <meta ch...
CSS利用伪元素写一个盒子并且实现斜切角
效果如图这个地方是用伪元素写一个盒子,然后使用css3来实现斜切角deg的切得位置,transparent是切的位置,然后是颜色,最后是切的位置最后，如果想要这个盒子自适应标题，加一行width：117%谢谢我的大佬朋友们的指点~...
Web前端新人笔记之CSS字体
本章内容是阅读CSS权威指南的一个小积累和随笔。新人必看，老鸟也可查看并指出不足指出以便后人阅读更好地理解。O(∩_∩)O谢谢！！！设置字体属性时样式变的最常见的用途之一；不过，尽管字体选择很重要，但是目前还没有一种方法能确保在Web上一致的使用字体，因为没有一种统一描述字体和字体的变性方法；除了各...
css实现侧边展开收起
前言：因为突然想研究研究侧边栏滑动展开收起怎么做的，就去baidu了一下transition。详情内容1内容1内容1内容1内容1右侧有实现demo。就是那个绿色的详情先来看一下我的代码： <div class="detail"> <div class="div1"&g...
css杂记
1，font-variant: 设置文本是否为小型的大写字母，值可以为normal，small-caps;2，a:link: 未访问过的a:visited: 访问过的a:active: 活动的链接，即获得当前焦点的链接3，span和div： span为行内元素；而div为块元素，会自动换行。不过可以...
CSS入门到精通《一》
CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越...
html+css+js实现post简易聊天室
目录1、简述2、效果图3、核心代码讲解A、把具体问题通过post请求上传到远程服务器B、解析服务器返回的答复，并插入到聊天框4、源码1、简述因为项目需求，就做了一个简易的聊天室，用户输入一句话，通过http-post请求简单的回复一些信息给用户。2、效果图3、核心代码讲解A、把具体问题通过post请...
学习微信小程序之css13关于盒子外边距的合并
...
关于CSS的那些事？
关于CSS的那些事？它有精准定位与排版，使得网页布局、信息排版一目了然；它有多姿多彩的样式属性，使得网页中各元素千变万化；它有神奇的渲染天赋，使得网页有了如诗如画、别具一格的魅力。你知道它了吗？没错，它就是CSS（层叠样式表）！想了解它吗？那就跟着我走吧！什么是CSS（层叠样式表）？简单说，CSS（...
IIS发布，无法显示CSS样式和图片
转自：https://blog.csdn.net/zc474235918/article/details/38142113 在BS的项目中，完成之后，都需要发布自己的网站。这个时候就要安装IIS了。 我也是最近才打算使用IIS来进行发布的。刚把IIS安装上，就遇到了问题。 出现问题就想办...