大家在写css的时候,对一些html标签起一个合适的名字是个很头疼的事情,现在给大家分享项目中常用的名字供参考. 外套:wrap  ——用于最外层 头部:header  ——用于头部 主要内容:main  ——用于主体内容 左侧:main_left  ——左侧布局 右侧:main_right  ——右侧布局 导航条:nav  ——菜单 内容:content  ——中部主体 底部:footer  ——用于底部 css样式文件命名 主要的:master.css 布局.版面:layout.css 专栏…

(1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center (2)导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:menu 子菜单:su…

div+css样式命名规则,值得收藏 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendl…

1. 块级元素可以包含内联元素或某些块级元素,但内联元素却不能包含块级元素,它只能包含其它的内联元素: <div><h1></h1><p></p></div> -- 对 <a href="#"><span></span></a> -- 对 <span><div></div></span> -- 不合理 2. 块级元素不能…

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote…

上篇CSS常用样式(三)这篇博文中已经介绍过了CSS中具有动画效果的transition.transform,今天来大概说说CSS中的animation.animation的加入会使得动画效果更加乐观. animation animation的实现需要通过keyframes来实现.keyframes(关键帧),类似于flash当中的关键帧.关键帧有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样…

html页面的CSS.DIV命名规则 CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:…

CSS常用样式及示例 一.简介      层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示…

css,html命名规则 页头: header 登录条: loginBar 标志: logo 侧栏: sideBar 广告: banner 导航: nav 子导航: subNav 菜单: menu 子菜单: subMenu 搜索: search 滚动: scroll 页面主体:main 内容: content 标签页: tab 文章列表:list 提示信息:msg 小技巧: tips 栏目标题:title 加入: joinus 指南: guild 服务: service 热点: hot 新闻:…

C#常用的命名规则汇总 来源 https://www.cnblogs.com/pengyouqiang88/p/5021128.html 本文转载自脚本之家 本文详细汇总了C#常用的命名规则.分享给大家供大家参考.具体如下: Pascal 规则每个单词开头的字母大写(如 TestCounter). Camel 规则除了第一个单词外的其他单词的开头字母大写. 如. testCounter. Upper 规则仅用于一两个字符长的常量的缩写命名,超过三个字符长度应该应用Pascal规则. 例如: 代码…

CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-spacing改变了文字的间距,direction改变文本从左至右的阅读顺序,white-space处理字符间空白text-transform实现文字大小写text-align改变文字排版对齐,至于我们常看到的产品介绍中的省略号“...”如何实现以及文字如何贴图对齐,尽在下面代码详情中一一介绍. <!…

CSS 字体属性定义文本的字体系列.大小.加粗.风格(如斜体)和变形(如小型大写字母)font-family控制字体,由于各个电脑系统安装的字体不尽相同,但是基本装有黑体.宋体与微软雅黑这三款字体,通常这样写font-family:"黑体", "宋体","Microsoft YaHei" font-size控制字体大小,我们设置字体大小是设置它的宽度,它的高度一般电脑系统默认字体大小是16px,所以字体大小尽量不要低于16px,1em=16px:…

1.样式命名外 套: wrap主导航: mainnav子导航: subnav页 脚: footer整个页面: content页 眉: header页 脚: footer商 标: label标 题: title主导航: mainbav(globalnav)顶导航: topnav边导航: sidebar左导航: leftsidebar右导航: rightsidebar旗 志: logo标 语: banner菜单内容1: menu1 content菜单容量: menu container子菜单: su…

原地址:http://www.cnblogs.com/rising-fay/archive/2013/02/25/2932592.html CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:down…

CSS命名规则: 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foot…

1.CSS字体和文本相关属性 属性 font-family 规定文本的字体系列,比如:“serif” ''sans-serif" font-size 规定文本的字体尺寸 font-style 规定文本的字体样式.主要有normal, italic,oblique font-weight 规定字体的粗细.主要有normal, bold,自定义粗细 color 设置文本颜色 letter-spacing 设置字符间距 line-height 设置文本行高 text-align 设置文本的对齐方式,有…

对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级点的,这才是一个靠谱的渐进过程,下面列出一些css常用属性,仅供参考 “文字”属性共有8项: 1.“字体”(font-family),设定时,需考虑浏览器中有无该字体. 2.“大小”(font-size),注意度量单位. 3.“粗细”(font-weight),除了normal(正常).bold(粗…

目录 1. 什么可以用来命名? 1.1 老三样: 字母.数字.下划线 1.2 其他 2. 什么不能用来命名? Python3 中的"关键字" 3. 命名"小贴士" 可用"缩写"避免名字过长 4. 驼峰命名法 4.1 大驼峰 4.2 小驼峰 5. posix 命名法 1. 什么可以用来命名? 1.1 老三样: 字母.数字.下划线 字母的大小写敏感 以字母打头为佳 不能以数字打头 不能用纯数字命名 慎用下划线打头 一个名字中不能有空格 1.2 其他…

元素边框显示圆角:-moz-border-radius适用于火狐浏览器,-webkit-border-radius适用于Safari和Chrome两种浏览器. 浏览器渐变背景颜色: FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE789*/ background:-moz-linear-gradient(top,#b8…

CSS font 属性 参考:W3school- CSS font 所有浏览器都支持 font 属性,可在一个声明中设置所有字体属性,各属性需按顺序,语法如下: selector{ font:style weight size/line-height font-family } 常用值: 值 描述 font-style 规定字体样式 font-weight 规定字体粗细 font-size/line-height 规定字体尺寸和行高 font-family 规定字体系列 font-variant…

1. 通用样式 Base.css * { margin:; padding:; } body { width: 1000px; margin: 0 auto; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #969696; } a { text-decoration: none; color: #93B300; } a:link { text-decoration: none; } a:vi…

一.2D变换 1.transform   设置或检索对象的转换 取值: none::以一个含六值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵 translate(<length>[, <length>]).第一个参数对应X轴,第二个参数对应Y轴.如果第二个参数未提供,则默认值为0. translateX(<length>):指定对象X轴(水平方向)的平移 translateY(<length>…

一.边框样式 1.border:复合属性.设置对象边框的特性. 取值: border-width: 设置或检索对象边框宽度. border-style: 设置或检索对象边框样式. border-color: 设置或检索对象边框颜色. #border4 { width: 100px; height: 100px; border:1px solid #FF0000; } <div id="border4"></div>   2.border-width:设置对象的边…

一.字体样式 1.font-style:设置或检索对象中的文本字体样式. 取值: normal:指定文本字体样式为正常的字体 italic:指定文本字体样式为斜体.对于没有斜体变量的特殊字体,将应用oblique oblique:指定文本字体样式为倾斜的字体 2.font-variant:设置或检索对象中的文本是否为小型的大写字母. 取值: normal:正常的字体       small-caps:小型的大写字母字体 3.font-weight:设置或检索对象中的文本字体的粗细. 取值: no…

样式 属性 大小 font-size(x-large ; xx-small ; 可用数值单位 : PX,PD) 样式 font-style(oblique 偏斜体 : italic 斜体 : normal : 正常) 行高 line-height(单位 : PX,PD,EM) 粗细 font-weight(bold 粗体: lighter: 细体: normal : 正常) 修饰 text-decoration(underline 写划线 : overline 上划线 : line-throug…

1.常用id的命名: (1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center (2)导航 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:…

css代码 背景与前景 background-color:#0000; //背景色,样式表优先级高 background-image:url(路径); //设置背景图片 background-attachment:fixed; //背景固定,不随字体滚动 background-attachment:scroll; //背景是随着字体滚动的 background-repeat:no-repeat ; //no-repeat 不平铺 repeat 平铺 repeat-x 横向平铺 repeat-y…

background-attachment: fixed 随着页面的滚动轴背景图片不会移动 background-attachment: scroll 随着页面的滚动轴背景图片将移动 background-attachment:inherit继承 background-color:背景颜色 background-image:背景图片 background-position:背景图片的位置 (注:位是从左上角x,y方向开始的) background-repeat:背景平铺 repeat(完全平铺)…

css背景background属性常用于定义HTML的背景,background简写属性作用是将背景属性设置在一个声明中,background背景属性常见为以下这些:.background-color代表背景颜色   .background-image代表背景图像   .background-repeat 代表背景图像水平或者垂直平铺  .background-attachment代表背景图像是否固定或者随着页面的其余部分滚动   .background-position代表设置背景图像的起始位…

border  边框 简写:border:1px solid #000; 等效于:border-width:1px;border-style:solid;border-color:#000; 顺序:border-width | border-style | border-color border-style border-radius  圆角半径 设置或检索对象使用圆角边框.提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2…