CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/04 CSS

引用 static : 　无特殊定位，对象遵循HTML定位规则 absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框 relative : 　对象...

CSS3制作苹果风格键盘特效

前端技术 2023/09/04 CSS

效果预览： html标签：复制代码代码如下:<!DOCTYPE html><html><head> <meta charset=\"utf-8\" /> <title>CSS3 KeyBoard&lt...

前端技术 2023/09/04 CSS

复制代码代码如下: html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, c...

通过CSS让TD自动换行

前端技术 2023/09/04 CSS

HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是，td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。通过CSS让...

CSS样式的基础学习总结

前端技术 2023/09/04 CSS

一．CSS基本介绍级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表...

前端技术 2023/09/04 CSS

其实总结出了最直接的方法复制代码代码如下: {display:-moz-inline-box; display:inline-block; width:450px;}

前端技术 2023/09/04 CSS

好了，直入主题，大家都知道，CSS的中文名叫做层叠样式表，而CSS在控制样式的时候，有三种引入方式，分别是： 1>外部样式表 : 将样式规则直接写在*.css文件中，然后再*.html页面中通过<link>标签引入的方式2>内部样式表 :（位于 <...

前端技术 2023/09/04 CSS

效果：实现代码：复制代码代码如下:<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...

CSS简单实现重叠线效果

前端技术 2023/09/04 CSS

复制代码代码如下: <!DOCTYPE HTML> <html lang=\"en-US\"> <head> <meta charset=\"UTF-8\"> <title></title> <sty...

CSS3属性box-sizing使用指南

前端技术 2023/09/04 CSS

box-sizing用于改变CSS盒子模型，从而改变元素宽高的计算方式。 box-sizing取值如下：复制代码代码如下:box-sizing: content-box | padding-box | border-box 默认值是 content-box ，对应CSS2....

关闭

我的博客