CSS样式总结（作业六）
1：CSS基本介绍CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 css 样式由选择符和声明组成，而声明又由属性和值组成。例：top{background：red；} top为选择符，“b...
css学习笔记 1
对于一个页面，如何控制页面的结构就看如何去理解css的各个属性了，只有了解了css的各个属性后才能更有效的让css控制页面的任何一个结构。css的结构：选择符：{属性名1:属性值; 属性名2:属性值;}如果每写一个属性就换一行，那么对于页面加载来说会多出很多不必要的字节，因此还是每写一条样式才换一行...
（day67）组件、组件化、组件传参、JS补充（命名转换、for in 、数据转换）、css取消选中和模拟小手
目录一、初识组件（一）概念（二）特点二、组件的分类（一）根组件（二）局部组件（三）全局组件二、数据组件化三、组件的传参（一）父传子（二）子传父四、JS补充（一）与html命名转换（一） JS中的循环遍历（1） for in（2）for of（3） each（二） 加减运算和数据类型转换（三） 可变长...
高效、可维护、组件化的CSS
如何写出更加高效的CSS?主要有以下四个关键点：高效的CSS可维护的CSS组件化的CSShack-free CSS1、书写高效的CSS代码* 使用 外联样式 替代行间 样式或者内嵌样式.* 为了兼容老版本的浏览器，建议使用 link 引入外部样式表的方来代替 @import 导入样式的方式.* 使用...
css布局 - 常规上中下分左右布局的一百种实现方法（更新中...）
一、 上中下左固定 - fixed+margin概括：如图，此种布局就是顶部、底部和左侧固定不动，只有中间右侧超出可滚动。html：<header>我是头部position: fixed;z-index: 9;</header> <section class="f...
CSS的20种对齐代码！左对齐、右对齐、中间对齐、底部对齐、两端对齐等，代码简单(最全)
你好，我是云桃桃。 一个希望帮助更多朋友快速入门 WEB 前端的程序媛。 云桃桃-大专生，一枚程序媛，感谢关注。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集 282篇原创内容-更多前端系列内容可以go公众.h：云桃桃 后台回复“前端工具...
css学习_div+css布局
1、布局（盒子布局、盒子模型、标准流、脱离文档流）标准文档流：块级独占一行 ，行内块和行内元素都是和其他共占一行，在盒子中的元素遵循标准流从左到右从上到下排列，超过父元素时会溢出。一行行看浮动+标准流配合使用版心：width+margin：0 auto；ul>li 、标题、段落、a、img、...
css3中有哪些伪类？
:hover：用于选择鼠标悬停在元素上的状态。:active：用于选择被用户激活（点击）的元素。:focus：用于选择当前拥有焦点的元素（例如输入框）。:first-child：用于选择父元素的第一个子元素。:last-child：用于选择父元素的最后一个子元素。:nth-child(n)：用于选择...
番外篇-CSS3新增特性
CSS3是CSS的第三个版本，引入了许多新的特性和功能。以下是一些CSS3新增的特性： 1. 变换（Transform）：可以通过旋转、缩放、倾斜和平移等变换操作改变元素的外观和位置。 2. 过渡（Transition）：可以通过定义开始状态和结束状态之间的过渡效果，实现元素的平滑动画效果。 3. ...
关于页面缩放时css错乱的处理方法---之一
这几天遇到一个问题，就是在做网页的时候，页面缩放时，布局就乱了，原来的样子不会跟随缩放的放大或者缩小进行改变，直接导致的后果，就是页面很难看，无法使用之前虽然写了代码，但是一直没有注意到缩放后页面的效果会改变的事情，这几天还是别人发现了，来告诉我有这种问题，我才知道，感觉有点失败啊；关键的问题是，即...
页面缩放对css的影响
昨天发现一个上线的项目css样式明显不对，但是查看别人的电脑上的页面样式都是没问题的，于是找了半天原因，原来是我的浏览器对这个页面缩放了，导致样式问题。发现了页面缩放会作用在同一个域名下的所有页面，所以我之前做的一个项目对news.sina.com.cn域名下的一个页面使用了缩放，结果昨天上线的项目...
CSS-3 渐变的使用
CSS3 渐变（gradients）可以让您在两个或多个指定的颜色之间显示平稳的过渡。以前，您必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），您可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。...
CSS3鼠标滑过图片3D旋转动画
在线演示 本地下载...
基于jQuery和CSS3炫酷图片3D旋转幻灯片特效
在线预览 源码下载iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件。你可以使用它来制作产品展示、图片画廊或者各种幻灯片和轮播图特效。这款幻灯片插件的特点有：兼容jQuery。高度灵活和可定制性。灵活的用户界面的设计。在单个HTML页面中允许存在多个实例。可以...
CSS盒子模型 （盒子模型 上）
（大家好，今天我们将继续来学习CSS的相关知识，大家可以在评论区进行互动答疑哦~加油！????） 目录 一、盒子模型 1.1 看透网页布局本质 1.2 盒子模型(Box Model)组成 1.3 边框(border) 课堂小练习 目标: 能够准确阐述盒子模型的4个组成部分能够利用边框复合写...
使用CSS3的background-size优化Sprites图显示
当我的Sprites图像是300px,如何指定background-size为32px呢？其实不难，只需要一点点数学计算,这是一个很初级的过程。在我们的实例中,我们使用媒体社交图标.我想让他们都按16px x 16px的大小显示。我们将创建一个适合Retina屏幕设备的Sprites 图像，将图像尺...
谈谈 css 的各种居中——读编写高质量代码有感
css 的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。水平居中1、行内元素水平居中（文本，图片）给父层设置 text-align:center; 可以实现行内元素水平居中。<!DOCTYPE HTML><html lang="en-U...
ASP.Net一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的bat批处理
不废话，直接代码：D:cd D:\src\testproj\PrecompiledWebsvn revert ../ -Rsvn update ..rmdir BS /S /QC:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe .....
CSS基础：table的4个标签的样式详解（长文！附案例）
你好，我是云桃桃。 一个希望帮助更多朋友快速入门 WEB 前端的程序媛。 云桃桃-大专生，一枚程序媛，感谢关注。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集 276篇原创内容-更多前端系列内容可以go公众.h：云桃桃 后台回复“前端工具...
【Day 1】HTML 与 CSS
1 前端 网站的工作流程： 首先我们需要通过浏览器访问发布到前端服务器中的前端程序，这时候前端程序会将前端代码返回给浏览器浏览器得到前端代码，此时浏览器会将前端代码进行解析，然后展示到浏览器的窗口中，这时候我们就看到了网站的页面但是此时这个页面是没有数据的，因为数据在我们的数据库中，所以我们浏览器需...