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

关于css3中的flex

参考几篇文章：Flex布局语法教程IE10中的FlexibleBox("Flexbox")布局“老”的Flexbox和“新”的Flexbox 一个可以练习的地方： NEWFlexbox:Fluid-Fixed-Fluid...

代码星球 ·2021-02-07

关于css中float的理解

感觉css里的float是个非常神奇的东西，神奇之处在于，你知道它是什么意思，但是用的时候总是不知道怎么实现效果。又或者它会很容易地影响到别的元素和属性。所以今天打算尝试一下float的各种设置，看看效果。在这篇博客里做个总结。1. 设置float后对后面元素的影响<!DOCTYPEhtml>&l...

代码星球 ·2021-02-07

CSS3中的一些属性

1.可匹配部分字符串2.box-sizing属性3.CSS3多栏布局　　　　1、可匹配部分字符串1/*^运算符，匹配字符串首部*/2a[href^='http://website']3/*$运算符，匹配字符串尾部*/4a[href$='.png']5/**运算符匹配任意位置的子字符串*/6a[href*='google...

代码星球 ·2021-02-07

css实现移动端滚动条隐藏仍然可以滚动内容

.g-panel{height:calc(100%-112px);overflow:auto;&::-webkit-scrollbar{display:none;//重点}}　　element::-webkit-scrollbar{display:none;//重点}...

代码星球 ·2021-02-06

通过CSS禁用页面内容选中和复制操作

-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;...

代码星球 ·2021-02-06

css中单位px和em,rem的区别

一、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的二、em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。　　任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,...

代码星球 ·2021-02-06

css初始化

ulli标签的padding和margin 一些元素，默认带有padding，比如ul标签。所以，我们为了做站的时候，便于控制，总是喜欢清除这个默认的padding： ...

代码星球 ·2021-02-06

css页面布局

一、display二、margin:0 auto;水平居中三、max-width:600px; 在这种情况下使用max-width替代width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要，调整下浏览器窗口大小检查下吧！四、box-...

代码星球 ·2021-02-06

html5新特性学习笔记

1.语义化标签兼容问题（语义化标签只支持ie8以上，不包括ie8）　　解决方法一：该标签的css中加上display:block;　　通过DOM的方式创建这个标签document.createElement("header");　　解决方法二：引入外部的htmlshiv.js文件（插件）<scriptsrc="h...

代码星球 ·2021-02-06

关于对最新HTML总结PPT讲稿的分享

如果大家还记得HTML，那么2009年的时候可能当时还是HTML1.0时代，而国际化的标准才刚刚开始，对于TABLE表格的使用，还有就是一些常用的标签都是及为简单的，因为当时的代码都是接近于短码，所以对于许多的兼容问题都还是有某些存在的，而现在的一些老网站，也还是存在一些这样的问题。网站的建设可以简单的划分为两个部分，...

代码星球 ·2021-02-06

纯css3绘制扇形

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>.hold{position:absolute;width:200px;heigh...

代码星球 ·2021-02-06

用css3实现一个带缺口的圆圈（图）

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.box{margin:300px;position:relat...

代码星球 ·2021-02-06

css3动画在动作结束时保持该状态不变的解决办法

animation-fill-mode:none|forwards|backwards|both;none：不改变默认行为。 forwards：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards：在animation-delay所指定的一段时间内...

代码星球 ·2021-02-06

CSS3两个动画顺序衔接播放

问题描述：第一个动画先播放，播放完成后，第二个动画紧接着播放。解决办法：1.将第二个的延迟时间（animation-delay）设置成第一个的持续时间(animation-duration);2. 多个动画应用时用逗号分隔开;此时，CSS3的动画代码就要分开写了，不能再简写了，诸如animation:rota...

代码星球 ·2021-02-06

css去掉使用bootstrap框架后打印网页时预览效果下的超链接

在我们写网页的时候，超链接是链接各个页面的桥梁，也是搜索引擎爬虫（spider）收录网站页面的关键，因此，在每个网页中会有许多的超链。今天，一个同行妹妹在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链，然后问我如何解决，我一时头大，从来没有遇到过这样的问题撒，该如何解决呢...

代码星球 ·2021-02-06