好文分享

css实现心形的方法：首先利用“border-radius:100%”样式画两个正圆；然后进行定位，将两个圆重合一部分；接着画一个正方形，进行定位，将正方形与两个圆重合一部分，形成一个倾斜的心形；最后使用transform样式调整爱心角度。 本教程操作环境：windows7系统、CSS3&&…

方法：1、两个盒子元素都设置“dislpay:inline-block”；2、两个盒子元素设置浮动；3、左侧定宽元素浮动，右侧元素设置margin-left，且值大于定宽元素的宽度；4、浮动+BFC；5、绝对定位+margin-left等。 本教程操作环境：windows7系统、CSS3&&…

css中可利用text-decoration属性来添加下划线效果，只需要给元素设置“text-decoration:underline”样式即可。text-decoration指定添加到文本的修饰，值underline可定义文本下的一条线。 本教程操作环境：windows7系统、CSS3&&…

在css中，可以利用color属性来设置超链接文本为白色，只需要给超链接a标签添加“color: white;”或“color:#FFFFFF;”或“color:rgb(255, 255, 255)”样式即可。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell…

在css中，可以利用justify-content属性来实现两端对齐效果，只需要给元素添加“justify-content: space-around;”或“justify-content: space-between;”样式即可。 本教程操作环境：windows7系统、CSS3&&…

方法：1、利用caret-color属性，语法“caret-color:颜色值;”；2、利用“::first-line”选择器，语法“input{color:光标颜色值;}input::first-line{color:文本颜色值;}”。 本教程操作环境：windows7系统、CSS3&&a…

css设置一个元素对角线的方法：1、利用“::before”伪类配合rotateZ()、scale()来实现；2、利用linear-gradient()线性渐变来实现；3、利用伪元素+三角形来实现；4、利用clip-path属性来实现。 本教程操作环境：windows7系统、CSS3&&am…

css标准模型包含外边距。标准盒模型由实际内容（content）、内边距（padding）、边框（border）与外边距（margin）这几个部分组成。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 CSS盒模型就是在网页设计中经常用到的CSS…

在css中，可以使用scoped属性来设置作用域；当style标签有scoped属性时，它的CSS只作用于当前组件中的元素。不过一个子组件的根节点会同时受到其父作用域的CSS和子组件有作用域的CSS的影响。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G…

保存css样式的方法：1、内联样式需要在浏览器中点击右键-查看网页源码，复制style标签中的内容保存；2、外部样式需要按下f12打开开发者工具，选择source面板，找到相应的css文件，右键保存。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑…