CSS重要知识概述——Java Web从入门到精通第2章
一、CSS简单规则CSS样式表包含3部分内容：选择符、属性和属性值其中选择符包括基本的3种选择器：1、标记选择器，如<a></a>标签等；2、类别选择器，用class属性来声明即可；3、id选择器，用id来声明，只能使用1次。二、CSS选择器1、标记选择器，例如对<a&...
vscode配置autoprefixer 自动补全css兼容性代码
遇到的问题：vscode安装完autoprefixer之后，在css文件中不生效怎么办?这种情况需要自己手动设置1.点击vscode的文件，进入首选项下面的设置里2.搜索autoprefixer 进入settings.json中3.输入： "autoprefixer.browsers": [ ...
css基础（十）－－多列布局
34.多列布局columns：<column-width> || <column-count>例如：要显示2栏显示，每栏宽度为200px，代码为：columns: 200px 2; column-width:在定义属性列宽的时候能够单独使用或者和多列属性中其他属性配合使用co...
CSS3实现鼠标移动到一张图片上，另一张图片显示（缓慢出现，有过渡效果）,移出图片时，另一张图片缓慢消失
版权声明：本文为博主原创文章，未经博主允许不得转载。这里实现的效果，鼠标移动到橘黄色的图片上时，另一张白色的图片缓慢显示，橘黄色的图片缓慢消失；移出该白色的图片上时，橘黄色的图片缓慢显示，该白色的图片缓慢消失；即：最开始是图片鼠标放上去时显示:移开鼠标又变成了：下面是实现代码：html为：<b...
用css pie.htc解决IE8 不支持 border-radius 属性问题（圆角）
css pie.htc使用心得（解决IE8以及一下不能设置圆角问题）用css pie.htc解决IE8 不支持 border-radius 属性问题一、效果、demo、下载地址国内：演示地址：https://www.zhangxinxu.com/study/201007/pie-ie-css3-de...
css伪类及伪元素用法
注：该表引自W3School教程伪元素的分类及作用：接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试：:active 大致效果为用鼠标点击时，元素增加特效，鼠标松开时，特效消失。多用在按钮的点击上。写法：这里id为box的是一div块，在cs...
浏览器中CSS的BUG
对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.其它请参考:CSS hack 针对IE6，IE7，firefox显示不同效果 1.div的垂直居中问题 vertical-align:middle; 将行...
解决Django中修改css或js文件但浏览器显示效果无法及时更新的问题
情况描述：自己在明明对项目上的某个js或css文件进行了修改，并提交到服务器上去了。但是在客户端浏览器里面打开页面时，并没有看到修改后的效果，而是该js文件对应的旧版本的效果。分析：如果了解过浏览器缓存就知道，为了效率，浏览器通常会缓存js/css文件。如果没有清除浏览器缓存的该js文件的话，js的...
用IDEA写的web项目无法加载css、js或图片等文件的解决方法（亲测有效）
第一步：ctrl+shift+alt+s。第二步：选中既将部署到tomcat中的主项目，选中右侧框中的radio。第三步：重启tomcat,发现已经将资源全部加载自tomcat中。第四步：希望能帮助到您。...
css position:absolute 如何居中对齐
写死宽度，就好弄了position: absolute;left: 50%;width: 980px;margin-left: -490px;text-algin:center
bootstrap引入cdn后无法修改CSS样式---CSS优先级机制
bootstrap引入外部cdn后首先要有顺序，先引入bootstrap-combined.min.css，再引入页面自定义的cdn，但是有时候明明按照顺序来，但是css文件就是无法修改样式，这是因为涉及到CSS的优先级机制，最近就遇到这种情况，举个栗子：为了使用bootstrap在页面翻转时有这种...
CSS后代选择器和子代选择器区别
CSS后代选择器和子代选择器区别后代选择器（A B{……}）CSS的后代选择器根据A的所有后代B（包括直接子元素和间接子元素B）来选择。无论B是否被其他所包含，只要B被A包含即被选择。HTML代码和效果：子代选择器（A>B{……}）CSS的子代选择器根据A的初代B（只包括直接子元素）来选择。B...
css使用百比分来控制图片的显示
今天在小程序里要写一个 component ，但是这个component 的宽度又不能写死了，不利于复用 如图 图上的红框区域就是我想要写的 components从图上可以看到 这里是三张图 ，那么它的宽度应该是 33% 但是写死了33%, 如果要求一行只有两个呢，四个呢，难道又要写一个comp...
网页设计与制作（HTML+CSS）第五课
4.2 盒子模型相关属性1.设置边框样式（border-style）必须按上下左右的顺时针顺序，省略时采用值复制的原则，即一个值为四边，两个值为上下/左右 ，三个值为上/左右/下。2.设置边框宽度（border-width）必须按上右下左的顺时针采用值复制，即一个值为四边，两个值为上下/左右。设置边...
CSS文字超出用省略号...鼠标悬停显示全部文字
CSS设置属性.f-els3{width: 6.6rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;}.f-els3_3{width: 1.5rem; overflow: hidden;...
【Android】开发中，webview遇到的css问题
1.给webview设置css时，我们可能会这么做 在p标签中设置了颜色值 #475669，在华为、vivo等中并未报错，webview可以加载出来，但在小米(red mi k20)机型上，出现webview加载不出来，经过一番调试，问题出在color颜色上，解决办法：将color颜色换成rgb(0...
CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别
准确的说，float浮动属于半脱离文档流，1、float浮动跟position:absolute一样拥有脱离文档流的功能，但是float虽然脱离了文档流但是仍然会占据位置，其他的文本内容会按照顺序继续排列——如果你对所有的元素都设置了浮动，你会看到这几个div并不会重叠，而是会顺序排列。可以参考设置...
css中的块级元素和行内元素（了解），显示模式转换（掌握）
首先在讲块级元素和行内元素之前我们先认识一下容器级标签和文本级标签容器级标签什么是容器级标签：容器级标签就是网页中单独占一行的标签，如：div、h、ul、ol、dl、li、dt、dd…等标签。文本级标签什么是文本级标签呢：文本级标签就是网页中能够在一行中全部显示的标签，如：span、p、buis、s...
H5新增标签、样式，手写tab切换 ，css水平垂直居中常见方法
H5新增标签1、结构标签（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；（2）article：特殊独立区块，表示这篇页眉中的核心内容；（3）aside：标签内容之外与标签内容相关的辅助信息；（4）header：某个区块的头部信息/...
纯CSS3实现球体转动效果
效果图如图所示1、首先我们要写四个方形div，将方形圆角化变成四个圆，然后初始化四个div的偏转角度，如transform: rotateY(45deg); 2、设置转动周期角度和周期时间animation: animation2 4s; 3、写一个clcik方法控制四个圆形的转动或停止anima...