当前位置: 首页 > news >正文

领优惠券的网站怎么建设的乔拓云的品牌推广方案

领优惠券的网站怎么建设的,乔拓云的品牌推广方案,爱站在线关键词挖掘,长沙seo外包CSS是什么 CSS#xff08;Cascading Style Sheet#xff0c;层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表#xff0c;它就会按照这个样式表来对文档进行格式化#xff08;渲染#xff09;。 CSS样式 CSS引入HTML 内部样式与外部样式 !DOCTYPE …  CSS是什么 CSSCascading Style Sheet层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表它就会按照这个样式表来对文档进行格式化渲染。 CSS样式 CSS引入HTML 内部样式与外部样式 !DOCTYPE html headmeta charsetutf-8 /title内部样式表和外部样式表/title!--内部部样式表--style typetext/cssp{color: blue;}/style!--外部样式表--link relstylesheet typetext/css hrefcss/style.css / /head bodyp我是p段落/pdiv我是div/divolli1111/lili2222/li/ol /html 行内样式 p stylecolor: redHello world./p 基本选择器 元素选择器 p {color: red;} ID选择器 #i1 {background-color: red; } 类选择器 .c1 {font-size: 14px; } p.c1 {color: red; } 注意 样式类名不要用数字开头有的浏览器不认。 标签中的class属性如果有多个要用空格分隔。 通用选择器 * {color: white; } 组合选择器 后代选择器 /*li内部的a标签设置字体颜色---指所有a*/ li a {color: green; } 儿子选择器 /*选择所有父级是 div 元素的 p 元素*/ divp {font-family: Arial Black, arial-black, cursive; } 毗邻选择器 /*选择所有紧接着div元素之后的p元素*/ divp {margin: 5px; } 弟弟选择器 /*i1后面所有的兄弟p标签*/ #i1~p {border: 2px solid royalblue; } 属性选择器 /*用于选取带有指定属性的元素。*/ p[title] {color: red; } /*用于选取带有指定属性和值的元素。*/ p[title213] {color: green; }/*找到所有title属性以hello开头的元素*/ [title^hello] {color: red; }/*找到所有title属性以hello结尾的元素*/ [title$hello] {color: yellow; }/*找到所有title属性中包含字符串包含hello的元素*/ [title*hello] {color: red; }/*找到所有title属性(有多个值或值以空格分割)中有一个值为hello的元素*/ [title~hello] {color: green; } 分组和嵌套 分组 当多个元素的样式相同的时候我们没有必要重复地为每个元素都设置样式我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。  例如 div, p {color: red; } 上面的代码为div标签和p标签统一设置字体为红色。 通常我们会分两行来写更清晰: div, p {color: red; } 嵌套 多种选择器可以混合起来使用比如.c1类内部所有p标签设置字体颜色为红色。 .c1 p {color: red; } 字体属性 文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体则会尝试下一个。浏览器会使用它可识别的第一个值。 简单实例 body {font-family: Microsoft Yahei, 微软雅黑, Arial, sans-serif } 字体大小 p {font-size: 14px; } 文本颜色 颜色属性被用来设置文字的颜色。 颜色是通过CSS最经常的指定 十六进制值 - 如: FF0000一个RGB值 - 如: RGB(255,0,0)颜色的名称 - 如:  red 还有rgba(255,0,0,0.3)第四个值为alpha, 指定了色彩的透明度/不透明度它的范围为0.0到1.0之间。 背景属性 /*背景颜色*/ background-color: red; /*背景图片*/ background-image: url(1.jpg); /*背景重复repeat(默认):背景图片平铺排满整个网页repeat-x背景图片只在水平方向上平铺repeat-y背景图片只在垂直方向上平铺no-repeat背景图片不平铺 */ background-repeat: no-repeat; /*背景位置*/ background-position: right top; /*background-position: 200px 200px;*/ 支持简写 background:#ffffff url(1.png) no-repeat right top; 使用背景图片的一个常见案例就是很多网站会把很多小图标放在一张图片上然后根据位置去显示图片。减少频繁的图片请求。 display属性 用于控制HTML元素的显示效果。 值意义display:noneHTML文档中元素存在但是在浏览器中不显示。一般用于配合JavaScript代码使用。display:block默认占满整个页面宽度如果设置了指定宽度则会用margin填充剩下的部分。display:inline按行内元素显示此时再设置元素的width、height、margin-top、margin-bottom和float属性都不会有什么影响。display:inline-block使元素同时具有行内元素和块级元素的特点。display:none与visibility:hidden的区别 visibility:hidden: 可以隐藏某个元素但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说该元素虽然被隐藏了但仍然会影响布局。 display:none: 可以隐藏某个元素且隐藏的元素不会占用任何空间。也就是说该元素不但被隐藏了而且该元素原本占用的空间也会从页面布局中消失。 选择器补充 伪类选择器 /* 未访问的链接 */ a:link {color: #FF0000 }/* 已访问的链接 */ a:visited {color: #00FF00 } /* 鼠标移动到链接上 */ a:hover {color: #FF00FF } /* 选定的链接 */ a:active {color: #0000FF }/*input输入框获取焦点时样式*/ input:focus {outline: none;background-color: #eee; } 伪元素选择器 first-letter 常用的给首字母设置特殊样式 p:first-letter {font-size: 48px;color: red; } before /*在每个p元素之前插入内容*/ p:before {content:*;color:red; } after /*在每个p元素之后插入内容*/ p:after {content:[?];color:blue; } before和after多用于清除浮动。 摘抄自https://www.cnblogs.com/liwenzhou/p/7999532.html
http://www.huolong8.cn/news/156837/

相关文章:

  • 新开最好的传奇网站阳江网上房地产官网
  • 荥阳网站建设公司哪家好网站及微站建设合同
  • 自己做的网站怎么植入erp成都建筑网站建设
  • 做网站要多少钱乾县住房和城乡建设局网站
  • 网站建设费的摊销期企业网站模板带后台
  • 西安网站建设APP开发做官网的步骤
  • 知道网站是wp程序做的如何仿站网站可信度
  • fineui 如何做网站php网站开发实例教程 源码
  • 在线教育类网站模板如何维护网站
  • ppt模板免费整套厦门百度快照优化排名
  • 不用服务器做网站网站建设与营销社团
  • 网站需求分析怎么做企业网络营销策略设计
  • 自己做网站用什么软件下载密云城市建设官方网站
  • 网站设计课程总结网站中的文字滑动怎么做的
  • 用dw做音乐网站模板网站建设平台的分析
  • 免费ppt下载网站有哪些网页4399小游戏
  • 学校英文版网站建设wordpress上传服务器域名
  • 江阴网站制作多视频网站建设
  • 微信h5商城网站wordpress安装网页太简单了
  • 网站制作 网站开发星子网站建设
  • 设计好的网站网站开发用什么
  • 介绍做网站的标题免费字体logo设计
  • 淮安网站建设个人博客烟台开发区网站建设
  • 全省建设信息网站设计托管网站建设
  • 一个网站做多访问量wordpress去除下划线
  • 北京建设监督网站管理咨询有限公司
  • 西安单位网站制作wordpress 邮箱配置
  • 接工程网站wordpress 检测redis
  • 网站标题设计在线西安市城乡建设厅网站
  • 河北特定网站建设推荐广州分销系统开发