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

前端技术 2023/09/03 CSS

一、网址：http://www.csszengarden.com/?cssfile=213/213.css 二、效果三、CSS 复制代码代码如下: body { background-color:#F0ECD6; background-image:Url(I...

前端技术 2023/09/03 CSS

CSS中首字母大写怎么实现?日常生活中需求方对英文的要求比较多，有的时候需要让英文单词或拼音首个字母大写;有的时候需要让全文中英文单词全大写或小写。这时候我们就需要text-transform属性了。好了废话不多说，直接看例子吧。 CSS代码：复制代码代码如下...

前端技术 2023/09/03 CSS

简介　　当听到样式表这个词时，您可能会想到 CSS 样式表。XSLT 样式表通常用于 XML 转换，比如在 Web 服务之间映射数据。因为 XSLT 非常适合此用途，所以创建了顶层元素 <stylesheet> 的 <xsl:transform> 别...

响应式布局的简单案例

前端技术 2023/09/03 CSS

响应式布局响应式布局在面对不同分辨率设备灵活性强，在平时的网页设计中基本上都要用到响应式布局设计，它给我们提供了良好的用户浏览页面，能带给我们更好的客户体验，下面给大家分享下我做的一个简单的响应式的布局：不同的页面会适用不同大小浏览器页面，它会随着分辨率的变化而变化。代...

浅谈Span和Div的区别

前端技术 2023/09/03 CSS

HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。它们被用来组合一大块的HTML代码并赋予...

前端技术 2023/09/03 CSS

本文主要讲解的是表单，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容： 1.基本案例 2.内联表单 3.水平排列的表单 4.被支持的控件 5.静态控件 6.控件状态 7.控件尺寸 8.帮助文本 9.总结基本案例单独...

前端技术 2023/09/03 CSS

这个示例的原理是通过大量的css3属性来实现的，如：animation、transform、keyframes等等属性。值得注意的是这个示例采用了结构性伪类选择符E:nth-child(n)，来进行对HTML元素的选择以及控制输出。相信这个伪类选择符在将来会是一...

引用css样式的书写格式详解

前端技术 2023/09/03 CSS

css的书写格式一共有三种行内样式：意思是在行内中写样式例如说<p style=\"color:red\">用行内样式编写我的颜色</p> 只适用于<body>（字体颜色和背景颜色）和<body>里面的标签，但不适用于<...

css基础教程之CSS基础语法

前端技术 2023/09/03 CSS

我们学习CSS要明白一个重要的问题，CSS主要是解决与实现表现（CSS）与结构（HTML）的分离。我们编写完HTML之后，如何通过CSS对HTML实现控制呢。 1、行内样式2、内嵌样式3、链接样式4、导入样式我们这一节课的示例就先从行内样式开始行内样式：就是直接在H...

CSS3动画效果回调处理详解

前端技术 2023/09/03 CSS

我们在做js动画的时候，很多时候都需要做回调处理，如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等，但在使用CSS3动画时能不能捕获到运动的状态做回调处理呢？ CSS3动画也是可以做回调处理的，这里分为两个属性，一个是transition[w3c文档]，另外...

关闭

我的博客