前端开发2025年09月09日
上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。 1.列表List 1).列表的类型 <ul style='list-style-type:square'><li></li></ul> none 无标记 disc 实心圆 cir...
前端开发2025年09月08日
css3跟html5一样是css的最新版本，但也是很多年前了 css3更新了 max/min-width/height 最大最小宽高 border-radius 圆角 background（image，size，repeat，position，Origin，clip） 背景，可以用图片作为背景 Gradients 渐变 text-shadow 字体阴影 b...
前端开发2025年09月07日
1、css有四种引入方式，行内式，嵌入式，链接式，导入式。其中导入式，一般不用，因为会先加载html，然后在导入，会导致页面没有样式效果，优先级分别是。行内式>嵌入式>链接式。 <span style="color:red;">行内式</span> 直接写在html标签中 嵌入式 //写在style标签中的css样式 p...
前端开发2025年09月05日
fillEditorFakeTable.less /* add for the global title checkbox fake */ .fake-checkbox { display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; line-he...
前端开发2025年09月05日
chrome DevTools 里面 css样式里面 勾上 :hover 会将鼠标移上的效果一直保持，技巧：要在鼠标上的 div上 勾 :hover ...
前端开发2025年09月03日
第二章：CSS的基本语法 一 CSS选择器（所有的HTML语言中的标记都是通过不同的css选择器进行控制的）。用户只需要 通过选择器对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果。 1、标记选择器（列如 &lt;p&gt; &lt;ul&gt; p{color:green;}） 2、类别选择器（列如 &a...
前端开发2025年09月02日
IE 8虽然发布，但是依然有不少人用IE 6，对于样式的构建十分头疼。 Div+CSS中最关键的是浮动布局，如果出现右边的框移到下边的状况，一般是以下两种原因： （一）父元素宽度不够 主要是增加父元素宽度即可，因为IE 6的宽度计算和IE 8/FF不一样导致。 （二）IE 6本身的Bug 当浮动的时候，宽度可能会被双倍计算，这样的话可以在float之后写:...
前端开发2025年09月01日
CSS 清除默认样式 通常有以下几句就够了： *{ margin:; padding:} li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以： /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ...
前端开发2025年08月30日
使用bootstrap可以简化我们开发的流程和代码，但是虽然bootstrap的代码很方便，也面临着css的样式很单调的情况。 我们可以通过覆盖css样式解决。 但是笔者在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。 这是一个小问题，却困扰了我一下午，网上也没有相关的解答。 其实这个问题很简单，因为html渲染的时候是自上而下的，后面的...
前端开发2025年08月29日
1.js操作css样式 例如 div . style . width=“100px”。 就是在div标签内我们添加一个style属性，并设定了width值，这种写法会给标签带来大量的style属性，跟实际项目是不符合的，我们没有让css和html分离。 所以如果是为了获取css样式 用 window . getComputedStyle( ) 获取经过计算...