《css学习心得》.docx
《《css学习心得》.docx》由会员分享，可在线阅读，更多相关《《css学习心得》.docx（13页珍藏版）》请在冰豆网上搜索。
《css学习心得》
《css学习心得》
不解释，一句话不要删
2）编码格式
两种utf-8和gb2312必须和css样式表同其他文件相同
3）标签：
4）css样式
外部样式
内部样式
h2{color：
#f00;}行内样式
内部样式
导入样式
@importurl（"/css/global.css"）;
5）css优先级
id优先级高于class
后面的样式覆盖前面的
指定的高于继承
行内样式高于内部或外部样式
总结：
单一的（id）高于共用的（class），有指定的用指定的，无指定则继承离它最近的
6）css模型盒
默认body是有外边距的body{margin：
0;}这里要注意一个问题：
ie6的3像素bug
解决方法：
margin-right：
-3px；
7）css布局
css代码部分body{margin：
0;}#content{width：
470px;margin：
0aut}#side{background：
#99ff99;height：
300px;width：
120px;float：
left;}#side1{background：
#99ff99;height：
300px;width：
120px;float：
right;}#main{background：
#99ffff;height：
300px;margin：
0120px;}
界面代码部分
此处显示id"side"的内容第二篇：
css后期学习计划css后期学习计划
学习css已经有一段时间，在这段时间里，听课和练习都没怎么跟上，但是每次课后孟老师都给予很详细的讲解，非常感激，这段时间跟孟老师的关系也很好，有什么事情都会跟孟老师分享，css后期学习计划。
谢谢孟老师。
在剩下的时间里，要更加用心的去学习，利用中午饭后午休的时间进行练习和复习。
把之前没有做过的练习，还有已经做完了的练习要重新看一遍。
孟老师马上就要离开泰安校区，时间也是非常紧迫，如果不能及时把现在的问题解决的话，以后询问的时候可能就不会那么及时，孟老师的工作也很忙，希望自己能够加倍努力，不让任何人失望。
相信只要用心去做，没有事情是做不好的。
日期时间计划完成
10、27（周三）
完成animate显示五个鲜花的练习和calist.显示更多品牌的练习，学习计划《css后期学习计划》。
10、28（周四）
bluetab文件中导航subnav2.和表单练习
10、29（周五）
house中的admin.、admindetail.
10、30（周六）
list2.、list.、list1.
10、31（周日）
值班外的时间
detail.、index.下晚自习之前完成此项目并提交给孟老师，里边有错误要及时改正。
争取能在计划内的这些时间内能够提早完成，并且尽快进行下一个项目，真的是很感谢孟老师。
现在也是我最喜欢把心里话说给你听的一个人了。
我会努力的，谢谢你给我的所有的建议，我会努力。
学生服务中心：
李会娟xx年10月26日
第三篇：
css试题实训平台——xx课程考试试题
考试学校：
黑龙江畜牧兽医学校
课程名称：
网页设计和网页制作
考试时间：
xx年12月15号
任课老师：
刘涛
一、单项选择题（20x3=60分）
1、css是利用什么x标记构建网页布局。
a
b
c
d
2、在css语言中下列哪一项是"左边框"的语法。
a、border-left-width：
b、border-top-width：
c、border-left：
d、border-top-width：
3、在css语言中下列哪一项的适用对象是"所有对象"。
（a背景附件
b文本排列
c纵向排列
d文本缩进
4、下列选项中不属于css文本属性的是
a.font-sizeb.text-transform
c.text-alignd.line-height
15、在css中不属于添加在当前页面的形式是
a.内联式样式表b.嵌入式样式表
c.层叠式样式表d.链接式样式表
5、在css语言中下列哪一项是"列表样式图象"的语法。
（
a、width：
b、height：
c、white-space：
））
d、list-style-image：
6、下列哪一项是css正确的语法构成。
a、body：
color=black
b、{body;color：
black}
c、body{color：
black;}
d、{body：
color=black（body}
8、下面哪个css属性是用来更改背景颜色的。
a.background-color：
b.bgcolor：
c.color：
d、text：
9、怎样给所有的标签添加背景颜色。
a、.h1{background-color：
#ffffff}
b、h1{background-color：
#ffffff;}
c、h1.all{background-color：
#ffffff}
d、#h1{background-color：
#ffffff}
10、下列哪个css属性可以更改样式表的字体颜色。
a.text-color=
b.fgcolor：
c.text-color：
d.color：
11、下列哪个css属性可以更改字体大小。
a.text-size
b.font-size
c.text-style
d.font-style
12、下列哪段代码能够定义所有p标签内文字加粗。
a.
b.
c.p{text-size：
bold}
d.p{font-weight：
bold}
13、如何去掉文本超级链接的下划线。
a.a{text-decoration：
nounderline}
b.a{underline：
none}
c.a{decoration：
nounderline}
d.a{text-decoration：
none}
14、如何设置英文首字母大写。
a.text-transform：
uppercase
b.text-transform：
capitalize
c.样式表做不到
d、text-decoration：
none
15、下列哪个css属性能够更改文本字体。
a.f：
b.font=
c.font-family：
d、text-decoration：
none
16.下列哪个css属性能够设置文本加粗。
a.font-weight：
bold
b.style：
bold
c.font：
b
d.font=
17.下列哪个css属性能够设置盒模型的内补丁为
10、20、30、40（顺时针方向）。
a.padding：
10px20px30px40px
b.padding：
10px1px
c.padding：
5px20px10px
d.padding：
10px
18下列哪个属性能够设置盒模型的左侧外补丁。
a.margin：
b.indent：
c.margin-left：
d.text-indent：
19.定义盒模型外补丁的时候是否可以使用负值。
a.是
b.否
20、如何能够定义列表的项目符号为实心矩形。
a.list-type：
square
b.type：
2c.type：
square
d.list-style-type：
square
二、多项选择题（8x5=40分）
1、在css语言中下列哪些选项是背景图像的属性
a背景重复b背景附件c纵向排列d背景位置
2、css中的选择器包括
a.超文本标记选择器b.类选择器
c.标签选择器d.id选择器
3、css文本属性中，文本对齐属性的取值有
a.autob.justifyc.centerd.righte.left
4、css中box的padding属性包括的属性有
a.填充b.上填充c.底填充d.左填充e.右填充
5、css中，盒模型的属性包括
a.fontb.margin
c.paddingd.visible
e.border
6、下面关于css的说法正确的有
a.css可以控制网页背景图片
b.margin属性的属性值可以是百分比
c.整个body可以作为一个box
d.对于中文可以使用word-spacing属性对字间距进行调整
e.margin属性不能同时设置四个边的边距
7、下面关于css的说法正确的有
a、css可以控制网页背景图片
b、margin属性的属性值可以是百分比
c、字体大小的单位可以是em
d、1em等于18像素
8、边框的样式可以包含的值包括：
a、粗细b、颜色c、样式d、长短
备注：
1.考试基本信息必须填写，即考试学校，课程名称，考试时间以及带课老师；
2.原则上考题总分为100分，考题类型及单题分值由命题者确定；
3.正确答案需用红色标注出来；
4.为了减少重复性录入，命题者提供的试卷正确率需达到96%以上，比如50题选择题，允许有2题的修正机会。
第四篇。
css小结一、避免ie下未指定样式内容的闪烁。
如果您仅仅靠@import来输入外部样式表，早晚您会发现ie有“闪烁”的毛病。
在应用css样式之前，未经格式化的文本会短暂地出现。
这是可以避免的。
二、确保您期望的效果确实存在
许多特定的浏览器专有的css扩展在正式标准中并不存在。
如果您对filter（滤镜）或滚动条指定了样式，那么您就用了私有代码，除了ie之外，在别的浏览器中毫无作用。
如果验证器告诉您代码没有定义，极有可能您用了私有样式，这样在不同的浏览器中很难达到一致的效果。
如果布局中一定要用浮动对象，别忘了适时使用清除（clear）属性。
浮动对象似易实难，而且不总是令人如愿以偿。
如果您发现浮动对象伸出了容器的边界，或者不像您所期望的那样显示，请检查您的期望是否正确。
关于这个问题请看ericmeyer的教程
边距的合并。
可用padding或border来避免。
您可能被多余的（或者想要却不出现的）空白搞得焦头烂额。
如果您用了margins，边距的合并可能就是问题的根源。
andybudd对此的解释可能为你解惑。
避免将padding/border和固定宽度同时应用到同一元素。
ie5的区块模型是错误的，是它把事情办坏了。
对此也有权宜之计，不过最好是绕过这个问题，当子元素的宽度固定时，为父元素指定padding。
三、有疑问，先验证
在调试时，先对您的代码进行验证往往能省去不少麻烦事。
格式不正确的x/css会导致许多布局上的错误。
在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试css代码，而不是相反。
如果您在破旧的浏览器中编写和测试，你的代码就不得不依赖那个破旧浏览器的糟糕的显示，然后在符合标准的浏览器中进行测试，看到显示结果“不正常”时，你会很沮丧的。
相反，您应该先将您的代码完善，然后再设法为较低级的浏览器打算。
这样从一开始您的代码就是符合标准的，你不必再为支持其他浏览器而劳心费神。
当然了，目前遵从标准的浏览器无疑就是mozilla，safari或opera。
四、加上明显的边框有利于布局调试。
像div{border。
solid1px#f00;}之类的全局规则可以暂时为你查出布局问题。
为特定的元素加上边框可帮您找到难以发觉的交错或空白问题。
对图片路径不要用单引号。
当设置背景图片时，要坚持用双引号。
尽管看起来有些多余，但是如果不这么做，ie5/mac会噎住。
不要为将来的样式表（比如手持式设备或打印用样式表）留个“空位”。
macie5对空的样式表比较感冒，会增加页面的装入时间。
建议样式表中至少应该有一条规则（哪怕是注释也好），免得macie噎住。
另外值得一提的还有一些虽然不针对某些功能，但是在开发过程中应当注意的理论
五、好好组织您的css文件
恰当地成块注释css，将相似的css选择符编为一组，养成一致的命名习惯和空白格式（为跨平台考虑，建议用空白字符而不是tab。
）以及适当的次序。
以功能（而不是外观）为类和id命名
假如您创建了一个.smallblue类，后来打算将文字改大，颜色变为红色，这个类名就不再有任何意义了。
相反，您可以用更有描述性的名字如.copyright和.pulle。
六、组合选择符
保持css短小对减少下载时间非常重要。
请尽量为选择符分组、利用继承（inheritance）以及使用简写（shorthand）来减少冗余。
使用图片替换技术时要考虑亲和力
已经发现传统的fir在屏幕阅读器，以及关闭图片显示［的浏览器］中会出问题。
对此有其他解决办法，要根据具体情况，慎重使用。
七、别指望min-width在ie中有用。
ie不支持它，但是它将width当作min-width，所以通过一些ie的过滤技巧（filtering），可以实现同样的最终效果。
把css过滤器（filters）当作最后的手段
css技巧和过滤器可以使您有选择地应用到（或者不应用到）某些元素。
应当尽可能地找到标准的跨浏览器的解决办法来实现您想要的效果，而不是动不动就使用过滤器。
要将它当成走投无路时的救命手段。
在这里可以找到大量的css过滤技巧。
［译注：
不要把这里的filters和ie中的滤镜混淆。
由于各个浏览器对css标准的支持程度不一，人们找到了许多技巧，将浏览器无法解释或错误解释的样式表或规则屏蔽掉。
这就是所谓的css过滤器或技巧。
mb5u
如果使用了锚点，在应用超链接样式时要特别小心。
如果您在代码中使用了传统的锚点，您会注意到：
hover和：
active伪类也会作用于它。
要避免这种情形，你可以使用id，或者使用鲜为人知的语法：
：
link：
hover，：
link：
active
八、记住“love/hate”（爱/恨）链接规则
要以下面的顺序指定超链接伪类：
link，visited，hover，acitve。
任何其他顺序都不妥当。
假如用了：
focus，次序应为lvhfa（“lordvader„shandleformerlyanakin”，matthaughey这样建议）。
请记住“troubled”（麻烦的）边框。
边框（border）、边距（margin）和补白（padding）的简写次序为：
顺时针方向从上开始，即top，right，bottom，left。
比如margin：
01px3px5px;表示上边距为零，右边距为1px，依此类推。
九、非零值要指明单位。
在用css指定字体、边距或大小时，必须指明所用的单位。
某些浏览器对未指明单位的处理方法不足为凭。
零就是零，不管是px还是em还是其他单位，它不需要单位。
例如：
padding：
02px01em;
十、测试不同的字体大小。
像mozilla和opera这样的高级浏览器允许对字体进行缩放，不管你用的是什么单位。
某些用户的默认字体大小肯定和您的不同，尽最大努力去满足他们。
用嵌入式测试，发布时改为输入。
将样式表嵌入在你的源代码中，在测试时可以消除许多缓存引起的错误，尤其是某些mac下的浏览器。
但在发布前，一定要记住将样式表移到外部文件，用@import或引入
第五篇：
李炎辉css+学习笔记1-12div+css+总结第1章介绍
万维网（worldwideweb）是虚拟的。
它无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网的某个地方，都是用某种形式的编写的。
（超文本标记语言）有两个基本特性--超文本和普适性。
超文本意味着可以在网页中创建一个链接，从而将访问者链接到其他任何网页，实际上可以链接到因特网上的任何东西。
这意味着可以通过许多不通的路径访问web上的信息。
web的创建者timberners-lee希望web能像人的大脑那样在信息之间建立广泛的联系，而不是像书籍那样只是静态数据源。
1.1普适性的意思是。
因为文档保存为纯文本文件，所以实际上任何计算机都可以读取网页。
无论访问者是使用macintosh、windows还是unix计算机，甚至是palm这样的手持设备，都可以打开网页。
web对所有计算机都是开放的第2章基本结构
1.的基本结构2.控制标记的格式3.最常用的控制标记
本章讲解最基本的元素，也就是创建文档结构所需的元素。
例如：
标题、段落、页面分隔、注释等等。
2.1的基本结构-------根控制标记-------头控制标记
标题-------标题标记-------头控制标记（尾）-------网页显示区域
下载css学习心得（5篇可选）.doc将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。
点此处下载文档文档为doc格式
相关专题学习css心得体会css选择器学习心得css实训心得体会网址：
s：
//xiexiebang/a1/xx05126/7eb87c0293132dce.
声明：
本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。
如果您发现有涉嫌版权的内容，欢迎发送邮件至：
645879355@进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
相关范文推荐css实验报告实验题目使用ccs美化“北京奥运吉祥物——福娃”网站一、实验目的用ccs美化网站，来控制网页样式。
首先进行布局分析包括网页的头部，网页主体等。
然后是摸块布局设计，页面总体......
css样式特效javascript教案长沙飞迅学术部：
傅志能第四章css样式特效本章工作任务：
制作改变边框样式、按钮图片样式的特效制作51job弹出层效果制作“点卡”图片切换效果本章技......
前台、css、js培训心得体会个人心得体会在学习中成长，在成长中实践。
人生中就是这样，每一次的学习就是一次实践的机会。
每一次的实践就是一次挑战，我们能害怕吗。
答案是肯定的：
“不能。
”。
不管是在什么情况......
网页设计中针对中文排版css心得网页设计中针对中文排版css心得数月来学习web标准，并遵循标准设计和制作web页面。
一直想写点什么，整理一下自己的心得体会。
写这篇文章，主要是针对中文排版设计，英文排版因为很......
div+css培训试题一、单项选择题（20x3=60分）1、css是利用什么x标记构建网页布局。
abcd2、在css语言中下列哪一项是"左边框"的语法。
a、border-left-width：
b、border-top-width：
c、border-l......
css整改报告（轩）css整改报告css整改的目的不仅仅是为了我们每次的回访都有好的成绩，而是从根本上做好，让客户从心里觉得我们奥迪是真心的服务客户，奥迪车好，奥迪人更好。
css的整改内容：
一、.....
div+css经验总结div+css经验总结1、网页居中显示：
需要设置两个地方，一个是body，一个是外边框div。
css：
2、文字垂直居中显示：
在div中定义一个行高与其高度相同即可。
css：
3、图片垂直居中......
网页美工css样式大全[★]字体属性：
（font）大小{font-size：
x-large;}（特大）xx-small;（极小）一般中文用不到，只要用数值就可以，单位：
px、pd样式{font-style：
oblique;}（偏斜体）italic;（斜体）norma......
内容仅供参考
升级会员 