jQuery中使用 $ ，可以通过元素的id, css class或 tag name很容易的获取到相应的元素。这让之前取节点的繁琐变的简单、简短、简洁。并且为了更加方便的可以选择到相应的元素，提供了筛选的功能。例：$(“p:gt(2)”) //2以上的元素$("p:lt(10)”) // 0-9 $(“p:empty”) //没有子孩子的p 还在匹配的元素中，设置一个样式属性的值例：$("p").css("color","red");就这样，就可以像是在css里面写一样，改变样式，非常好操作。原文：...
1、css（层叠样式表）样式主要目的（让页面更好看些）css尽量不要写内联样式，保证结构和样式分离原则；html专门负责结构，css专门负责样式。2、css写法规范选择器 { 属性 ：值 ； }内联样式 写在标签里 style=“”属性：值“”内部样式 写在head标签里的style标签里 外部样式 通过链接导入样式表 link3、font-size（字号大小）4、浏览器默认字体font-family 微软雅黑 ，字体大小一般默认为16px 一般不想写中文是可以用un...
https://www.cnblogs.com/liwenzhou/p/7999532.html 1. CSS语法 选择器 {属性1:值1;属性2:值2;} 2. CSS导入方式 1. 直接将样式写在标签内部的style属性 2. 在head标签中写style标签 3. 将样式写在单独的css文件中，通过link标签的href属性导入（项目中多用这种） 3. CSS选择器 ***** jQuery选择器类似 1. 基本选择器 元素选择器、...
css闲谈之css简写 简写能有效的提高工作效率，但是有时候简写会让我们忘记原有的属性，所以简写是要采纳的方法，但不要去依赖它。 font 字体属性总共有一下几种 font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1 已...
CSS选择器命名及常用命名CSS选择器命名及常用命名规范的命名也是Web标准中的重要一项，标准的命名可以使代码更加易读，而且利于搜索引擎搜索，比如定义了两个div，一个 id 命名为“div1”，另外一个命名为“News”，肯定第二个比较易读，而且搜索引擎抓取率要高，在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名（语义化命名）！ 说个题外话，规范化命名的代码，会显着你更加专业！ 关于CSS命名法，和...
说cssSprites之前，先简单说一下什么是http请求。HTTP------超文本输送协议。http 负责web服务器与web浏览器之间的通信，用于从web客户端向服务端发送请求，并从服务器向客户端返回内容（网页）。 cssSprints 也叫 css 精灵，有人也翻译为 css 雪碧。它是一种网页图片应用处理方式。它允许将一个页面的零星图片包含到一张大图中，访问该页面时减少了http请求。 csssprites原理：把网页中一些背景图片整合到一张图片文件...
关于css中的长度单位，我们用的最多就是px，因为他简单直接。但是当一套方案匹配不同终端时，px就会显得过于生硬，不容易变通。 然而rem，em，vh，vw就可以有效的解决这一问题。让我们来看看这些东西是个啥？ 首先是rem，W3C官网描述是“font size of the root element”，即rem是相对于根元素。概念不好理解接咋们就直接直接看demo:DOM结构如下： CSS 代码如下： 效果如下： ...
<style> #talkbubble { width: 120px; height: 80px; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px #808080 solid; background-color: #fff; } #talkbubble:before { content: " "; position: absolute; top: 100%; left: 50px; width: 0; height: 0; border-left: 15px solid transparent; border-to...
1、static（静态定位）： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。参考上篇随笔。2、relative（相对定位）： 定位为relative的元素脱离正常的文本流，但其在文本流中的位置依然存在，所以它本身并没有脱离文档流。 通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级。<style type="text/css">.static1{height:80px...
有两个组件home和search两个组件中都有class为footer的元素但是search的footer比home的多一条background的样式本地开发的时候没问题，但是打包之后，home也被打包上了background的样式暂时处理方法是home和search的footer元素使用不同的class原文：https://www.cnblogs.com/chenzeyongjsj/p/8414207.html
CSS中背景的使用 CSS中列表的使用 15.1 CSS中背景的使用 属性名称 属性值 说明 background-attachment scroll 设置背景图像会随视窗滚动 条的移动而移动。 fixed 设置背景图像不会随视窗滚动条 的移动而移动。 background-color 十六...
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是 重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。 但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Saf...
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。一.旋转 rotate用法：transform: rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。二.缩放 scale用法：transform: scale(0.5) 或者 transform: scale(0.5, 2);参数表示缩放倍数；一个参数时：表示水平和垂直同时缩放该倍率两个...
边框圆角border-radius: 50%;这里的50%是谁的50%？其实是正方形边长的50% border-radius: 10px 20px 15px 5px; /* 左上角圆角的半径 右上角圆角的半径 右下角圆角的半径 左下角圆角的半径 */ border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%; /* 前面四个值 是控制四个方向的横轴 后面四个值 是控制四个方向的纵轴 横轴的50%是宽度的50% 纵轴的50%是高度的50% */当圆角半径大于边框的时候，内容区会开始出现圆角。 边框阴影...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="Content-Language" content="zh-CN"/><meta content="all" name="robots"/><title>24款较经典的Page翻页分页css代码丨电表控制器丨石家庄苗木</title><lin...