cssk(长沙市口腔医院)
CSS编写时标准的格式规范是什么样的?
CSS用的是类C#语言的标准。
书写方法自由灵活,没有一定的局限。但是常期以来为了阅读和维护等方面的经验,一般都是这样的格式:
标名 {
属性:属性值;
属性:属性值;
}
当然这样大家都能理解,你自己也好维护,没有什么特殊的要求的!
为了便于阅读有人建议,CSS分为以下方面的控制:
先写位置等:
如:position:absolute;
top,left,width,height等,
空一行,再写布局方面的,如:margin,padding等;
空一行,写字体格式:如line-height等
再空一行,写字体相关!如:font-size,font-color等;
最后是其他的属性!
但一般情况下,我们还是没有必要写那么多的属性值对的!所以就很少有人去空行做这些东西了!
但是一般内容较少时,可以直接写在一行,并不影响阅读的!
纠正一点的是:CSS文件进行调用时并不像一楼所说!不换行可以减少代码的大小!这是毫无根据的臆断!因其会自动解释换行和空白的!代码的大小是因为我们写了一些没有必要的东西所形成的时空代价,比如在body中已经有font-size:9pt;而在BODY中的一个DIV中,如果要设置字体为9pt时没有必要再定义font-size:9pt了,如果再定义就是出现代码时的增大。还有一些默认也没有必要写出。
如果真如一楼所说,我想问一下一楼:你知道吗,在CSS中是可以加注释的,请问注释会不会增加代码量?答案是不会!因为其不运行!
sorry,对不起楼上,我说的是运行方面的,没有说下载方面的事。恕我直言,如果有一个人一个不足0。2K的CSS而写了N个GB的注释的话,那他一定有病了!注释不是发文章,一个CSS文件最多能有多少注释?不过我经常遇到写好的CSS进行压缩加密的情况,为了防止别人偷看,至于说能有多少,一个回车只是一个字符,占8bits,一个byte,请问一下,连写与其能有多大分别?再者请问一下为什么还要分开写呢?这是代码的维护时很难读懂的情况下还要讲时间代价吗?
程序的时空代价是指:运行时间与编写时间的相比,存储空间与运行空间的对比。
对于离散型网页来说,下载页面的同时还在下载CSS文件,而且CSS会放在机器的临时文件夹中,这样,整个网站也用不了下载几个CSS,且下次打开网页不须再下CSS。这样你认为呢?
怎样设置CSS
css样式的原则是这样的,如果有多个元素(大于等于2个),并且需要设置有相同的样式,则可以把他们的class属性设置成一样的,统一进行设置,如果多个元素(大于等2),每个元素之间都没有共同的样式,则可以针对每个元素设置唯一的id属性,对这个唯一的id属性进行设置,就可以显示不同的效果,楼主这样的情况,可以选择对两个元素设置id属性,通过不同的id显示不同的样式效果,但是两个文本框如果有共同的属性也是可以设置class属性的,这个是不冲突的,如果回答的解决了您的问题,请采纳。
css怎样设置
不是在控制台输入的,在“游戏设置”里面打开游戏设置,有个“键盘设置”(好像是这个名字)你就会看到很多功能。慢慢往下啦,找到 跳蹲这个选项,然后按 enter键,按K,再按enter键就行了
Css 如何排版
你需要写一个CSS样式文件,后缀名称就是CSS,我这里正好写了一个CSS样式表,用于定义网站显示文字的格式,然后你复制这个代码将这个代码保存格式为:comman.css
/*------reset------*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{
margin:0;
color:?#000;
font-size:?12px;
font-family:?"微软雅黑";
text-align:?center;
}
body,button,input,select,textarea{font:12px/1.5?tahoma,'\5b8b\4f53',sans-serif;color:#6c6c6c;}
body{padding-top:42px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i,b{font-style:normal;}
ul,ol{list-style:none;}
a{color:#6c6c6c;text-decoration:none;}
a:hover{
color:#330033;
font-size:?12px;
text-align:?left;
}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;vertical-align:middle;}
textarea{resize:none;}
table{
border-collapse:collapse;
border-spacing:0;
text-align:?center;
}
td,th,ul,ol{
padding:0;
color:?#000;
text-align:?center;
font-family:?"微软雅黑";
font-size:?12px;
}
/*------common------*/
.pr{position:relative}
.pa{position:absolute}
.fl{float:left}
.fr{float:right}
.fl,.fr{display:inline}
.bc{margin-left:auto;margin-right:auto}
.cb{clear:both}
.db{display:block}
.clearfix{*zoom:1}
.clearfix:after{content:'\20';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.tc{text-align:center}
.tr{text-align:right}
.fb{font-weight:bold}
.fn{font-weight:normal}
.f16{font-size:16px}
.f14{font-size:14px}
.f_yh{font-family:'\5FAE\8F6F\96C5\9ED1'}
.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.none{display:none}
.hidden{visibility:hidden;}
.ht{overflow:hidden;text-indent:-9999px;text-decoration:none}
.unl{text-decoration:underline}
.bd1{border:1px?solid?#d8d8d8;}
.bd1-t{border-top:1px?solid?#d8d8d8;}
.bd1-b{border-bottom:1px?solid?#d8d8d8;}
.bd3{border:3px?solid?#d8d8d8;}
.hlh30{height:30px;line-height:30px;}
.hlh24{height:24px;line-height:24px;}
.lh22{line-height:22px}
.hlh20{height:20px;line-height:20px;}
.c1{color:#5d5d5d}/*积?????齥*/
.c2{color:#8f8f8f}/*???????k*/
.c3{color:#e44cea}/*a?????k*/
.c4{color:#f49bff}/*toplink*/
.c5{color:#ff0000}
.bc1{background:#f3f3f3}/*积??s?k*/
.bc2{background:#f8f8f8}/*???齭?k*/
.bc3{background:#ffffff}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.mr9{margin-right:9px}
.ml7{margin-left:7px}
.ml89{margin-left:89px}
.p20{padding:20px}
.p10{padding:10px;}
.pt1{padding-top:1px;}
.pr6{padding-right:6px;}
.pl6{padding-left:6px;}
.w230{width:230px}
.spr{background:url()?no-repeat;overflow:hidden;}
.ico{width:8px;height:8px;line-height:8px;margin:10px?8px?0?8px;}
/*--notice--*/
.game-notice{width:1000px;padding:60px?0?30px?0;}
.game-notice?em{padding:0?4px;color:#6c6c6c;}
/*--footer--*/
.footer{
background:#19001a;
color:?#FFF;
}
.foot-con{width:915px;padding:20px?0?30px?85px;}
.foot-logo{width:216px;height:45px;border-right:1px?solid?#3a173b;}
.game-logo{width:107px;height:35px;background-position:0?-232px;}
.kaige-logo{width:93px;height:35px;background-position:-107px?-232px;cursor:default;}
.foot-list{padding-left:15px;color:#673768;}
.foot-list?a{color:#673768;}
.foot-list?a:hover{text-decoration:underline;}
.foot-link{width:578px;}
.foot-link?span{padding:0?5px;color:#3A173B;}
.copy{width:576px;}/*??|xGv00|8d5f9fb42d5dc8f4155bd7ed0d0073ae?*/
css选择器优先级以及photoshop快捷键
css选择器优先级
?????????????????????? CSS选择器的优先级:作用的元素一样,样式一样,就会有优先级问题,当优先级相同时,一旦发生重叠,以样式后面为主
?????????????????????? CSS选择器:统配选择器,类选择器,标签选择器,id选择器,后代选择器,会有相加的过程,群组选择器,不会有相加的过程
? ? ? ? ? ? ? ? ? ? ? 相同类型的选择器,样式冲突下,后覆盖前;不同类型的选择器,样式冲突下,优先级高的覆盖低的
????????????????????? * tags class id style important,优先级高的选择器绝对高于优先级低的选择器的优先级,无论有多少个低的选择器
?????????????????????? background:blue!important;优先级最高,慎用(非得用的话,加注释,说明一下)
photoshop快捷键:
??????????????????????????? 1. command+h:是否显示额外内容
???????????????????????????? 2.V:移动工具
???????????????????????????? 3.M:选取工具
???????????????????????????? 4.Z:放大 Alt:缩小
???????????????????????????? 5.I:取色
???????????????????????????? 6.T文字编辑
????????????????????????????? 7.command+K首选项
????????????????????????????? 8.command+shift+c强复制
?????????????????????????????? 9.command+N新建
?????????????????????????????? 10.command+V粘贴
css中导入样式表和链接样式表有什么区别,我不是问语法,而是问内在区别,还有我怎么才能体会到他们的区别
1. link标签是属于xhtml范畴,而@import则是css2.1中特有的。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。
2. 加载的顺序的区别,link加载的css时,是一种并行(没有尝试是否是这样)加载CSS方式,而@import则在整个页面加载完成后才加载。
3. 兼容性的区别,因@import是CSS2.1才特有的,所以对于不兼容CSS2.1的浏览器来说,无效。
4. 在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别,此时@import就无能为力了。