《css学习心得》.docx
- 文档编号:11095385
- 上传时间:2023-02-25
- 格式:DOCX
- 页数:13
- 大小:23.75KB
《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......
内容仅供参考
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css学习心得 css 学习心得