-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chromecontenteditable="true" 内容变的可编辑onpaste="return false" 表示不能粘贴,用于input或不能粘贴的div、span、p标签等onselectstart="return false" 不能复制文本内容-moz-user-select:none; 在火狐下面设置样式不能选择插入样式表的方法有三种: 1、外部样式表(.css文件引入...
<body style="background-color(背景颜色):rgba(255,0,0,0)红;background-image(背景加图片):url(图片地址);background-repeat(背景重复):no-repeat;background-position(背景位置):100px 1080px;background-attachment(背景附加):fixed(固定); <p style="color:red">红色</p><p style="test-indent:2em(当前字母的倍数);font-family(字体类别):serif;font-style(字体斜体):italic(斜的);font-variant: small-caps...
什么是CSS:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。盒子模型:盒模型是CSS中的核心的概念,描述了元素...
认识CSS的 盒子模型。CSS选择器的灵活使用。实例:图片文字用div等元素布局形成HTML文件。新建相应CSS文件,并link到html文件中。CSS文件中定义样式div.img:border,margin,width,floatdiv.img img:width,heightdiv.desc:text-align,paddingdiv.img:hover:borderdiv.clearfloat:clear<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="../static/css/daohang2.cs...
http://bbs.csdn.net/topics/390541081function isInclude(name){ var js= /js$/i.test(name); var es=document.getElementsByTagName(js?‘script‘:‘link‘); for(var i=0;i<es.length;i++) if(es[i][js?‘src‘:‘href‘].indexOf(name)!=-1)return true; return false;}alert(isInclude("abc.js"));alert(isInclude("efg.css"));原文:http://www.cnblogs.com/jcz1206/p/5305426.html
实例动画step1:改变字体颜色<h1><a href="http://www.rainleaves.com">雨打浮萍</a></h1>h1 a{color:#03c;text-decoration:none;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;transition:color .5s ease-in-out;} h1 a:hover{color:#f60; }step2:改变背景颜色<h2>专注于web前端开发</h2>h2:hover{-webkit-transition:background-color 0.5s linear;-mo...
A. 使用选择器来插入内容h2:before{ content:"前缀";}h2:after{ content:"后缀";}B. 指定个别的元素不进行插入h2.sample:before{ content:none;}2. 插入图像A. 在标题前插入图像文件h2:before{ content:url(anwy.jpg);}B. 将alt属性的值作为图像的标题来显示(用不了)img:after{ content:attr(alt); display:block; text-align:center; margin-top:5px; font-size:11px; font-weight:bold; ...
简单选择器权重比较<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* 权重(2, 0, 1)*/#box1 #box2 p {color: red;}/* 权重(2, 1, 2)*/#box1 div.box2 #box3 p {color: green;}/* 权重(0, 3, 1)*/.box1 .box2 .box3 p {color: blue;}/* 权重(0, 1, 1)*/.list li {color: red;}/* 权重(0, 1, 0)*/.spec {color...
伪类选择器 伪类是专门用来表示元素的一种特殊状态,比如说常见的 a 元素的一些特殊状态(原始状态的超链接,访问过的超链接,运行中的超链接等等),当我们需要为这些处在特殊状态的元素设置样式的时候就可以使用伪类选择器来定义。动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类...
有时会从网上下载一些css压缩文件,打开后所有代码都在一行,不利于阅读,通过css format插件,能快速展开代码,方便阅读。参考:Sublime Text 上最好用的 CSS 格式化插件 —— CSS Formatcss format 下载:https://github.com/mutian/Sublime-CSS-Format,下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 安装css format插件后,选择代码,菜单栏Edit-->css Format-->Expanded,展开代码. 原文:http:/...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转菜单</title> <link rel="stylesheet" href="style8.css" type="text/css"></head><body><div class="se"><h3><a href="">IT</a></h3><div><img src="imges/it.jpg" ></div> </div><div class="se"><h3><a href="">创投</a></h3><div><img src="imges/kk.jpg" ></div> </div><div class="se"><h3><a href="">探索</a></h3><div><img src=...
1、星形.star {width: 0px;height: 0px;border-bottom: 9.51px solid yellow;border-left: 3.09px solid transparent;border-right: 3.09px solid transparent;position: relative; } .star:before, .star:after {content: "";width: 0px;height: 0px;border-bottom: 9.51px solid yellow;border-left: 13.09px solid transparent;border-right: 13.09px solid transparent; } .star:before {transform: rotate(-36deg);position: ...
@font-face { font-family: ‘OpenSans-ExtraBold‘ ; src=\‘#\‘" /OpenSans-ExtraBold.eot‘); /* IE9 Compat Modes */ src=\‘#\‘" /OpenSans-ExtraBold.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘font/OpenSans-ExtraBold.woff‘) format(‘woff‘), /* Modern Browsers */ url(‘font/OpenSans-ExtraBold.ttf‘) format(‘truetype‘), /* Safari, Android, iOS...
1、 背景颜色background-color:后面跟颜色属性2、 背景图片background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用。 如果图片不重复的话,图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺,则会覆盖背景颜色。参数none:无背景(默认)url:使用绝对或相对地址指定背景图像3、 背景平铺即所选背景图片是否填充整个样式区域语法background-repeat : repeat | no-repe...
position:relative日常应用的时候通常是设置给position:absolute;的父层的, 父层position:relative; 子层position:absolute;的话, 就是按照父层的边界进行定位的, 不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..第一种写法(连同CSS一起追加进去) var freeOne="";freeOne=$(".freePreviewOne").attr("data-url");if(freeOne==null){//没有免费视频}else{$("#coursePicture").append("<a...