为了账号安全,请及时绑定邮箱和手机立即绑定

样式怎样快速掌握

/ 猿问

样式怎样快速掌握

精慕门1065588 2017-06-21 10:29:28

每次打代码样式是我最不会的,导致一道题无法继续回答下去怎样可以快速学习使用样式。小白求带。谢谢大神回答,教我入门。。。。

查看完整描述

31 回答

?
MVP_XU

敲够十万行样式代码即可!

查看完整回答
31 反对 回复 2017-06-21
?
烨影无息
<html>
<body>
<p>编程是一个技术活,要熟能生巧。</p>
</body>
</html>


查看完整回答
9 反对 回复 2017-08-30
?
习惯受伤

首先需要记忆一些东西,我这里整理了一下,纯属手打,希望喜欢:

CSS 样式大概有:

1、元素内字体相关的: (常用)

        字体大小(font-size),字体颜色(color),字体样式(粗体/斜体/删除线等等:font-style),字体对齐方式(text-color)

2、元素背景相关的: (常用)

        背景图片(background-image),背景颜色(background-color),背景重复方式(background-repeat)

3、布局相关:(常用)

        内边距(padding),外边距(margin),宽度(width),高度(height),布局方式(position: relative,absolute,fixed,static),边框(border)

4、CSS3 / 媒体查询相关:(特定场合常用)

只要做到1-3,大概布局一个现在你看到的慕课网基本没有问题。

查看完整回答
4 反对 回复 2017-08-19
?
小草1434

其实样式都是相对固定的,建议及时总结,反复练习即可。

总结方法如下:

每使用过一个新的样式名称或者同一个样式名称不同取值使得显示结果不一样,就在一个记事本或者xmind文件中分类归总【记得是分类】

那么下次再次使用这个样式名称的时候,就可以来看这个文档中之前的记录,那么也就知道之前都是怎么使用的了,

很典型的一些例子,color以及backgroud-color等都是秒杀颜色的,他们可以使用#FFFFFF ,或者#FFF 或者 white 同样描述白色。

再举一个栗子,margin 的值可以只有一个,也可以有两个,可以三个,可以四个,此时他们分别表示四周距离外边框,上下和左右距离外边框,上、左右、下距离外边框,上、右、下、左距离外边框的像素距离,

再总结一个,描述距离可以是用px,可以使用百分比等来描述,也可以根据不同的参照物来描述,绝对,相对,【position】

and so on....css等你来撩哦

查看完整回答
2 反对 回复 2018-06-20
?
奋斗好青年

多做项目多写就行了,很多编辑器打样式的时候都有提示,不需要完全死记硬背

查看完整回答
2 反对 回复 2018-04-24
?
一只喵__

曾经的公司是外包,天天就是写样式,还是要多练习,到时候你就可以看着设计图写好结构直接写样式,一个大模块写完了才需要看一次效果,都不会有太大偏差

查看完整回答
2 反对 回复 2017-08-25
?
JE_lee

我是这样子做的,先刷一遍W3Cschool 上的CSS 参考手册,通读就好,有个印象。然后找些深入解析width,height,padding,margin,border,float,position,行内级元素,块级元素,BFC,IFC等的博客,深入学习,形成自己的理解。再百度些好看的样式,研究下,就差不多入门了,不会慌了。

查看完整回答
1 反对 回复 2017-08-01
?
扶摇万仞

你可以用使用一些插件,比如 sublime或者bracket的emmet插件,代码自动提示和补全

查看完整回答
1 反对 回复 2017-07-24
?
披黑风的猫

样式学起来非常容易的,你可以从最简单的样式开始学起,这里有很多免费的学习资料,一关关的闯下来,蓦然回首你会发现,原来样式也就这样!!!

查看完整回答
1 反对 回复 2017-07-06
?
weixin_冬至_0

慕课专栏有一稨 《打造自己的UI库》现在正好做推广免费,真的对CSS的了解得很快,推荐学习一下

查看完整回答
反对 回复 2020-04-17
?
小遁哥

首先要简历系统的认知,然后搜索BFC、清楚浮动、inline-block的空白、高度塌陷、font-size和line-heigh和vertical-align的关系等等,慢慢就上手了。

我的博客里有不少相关的知识,开始可以看看w3c school


查看完整回答
反对 回复 2020-03-22
?
慕粉4263173

没有快速,只有多练多背一些诀窍才能熟能生巧

查看完整回答
反对 回复 2020-01-29
?
玉枫

看文档,比如 w3c 多练练就好了

查看完整回答
反对 回复 2019-10-12
?
一个村庄

哪有快的事,熟能生巧,不过建议你先熟悉标签,边敲边看

查看完整回答
反对 回复 2019-06-11
?
宝慕林1321228

就这样

查看完整回答
反对 回复 2019-06-05
?
请叫我小任性

花时间多写就好了,熟能生巧。

查看完整回答
反对 回复 2019-05-18
?
car

没有快速掌握的方法,只有不断的掌握才是真的

查看完整回答
反对 回复 2018-10-26
?
qq_小狼丶_03974697

说真的,布局三四个网站即可

查看完整回答
反对 回复 2018-10-18
?
淡世

写几个网站项目就好了,熟能生巧嘛

查看完整回答
反对 回复 2018-10-13
?
奋斗好青年

看文档多看多练,写多了就熟悉了

查看完整回答
反对 回复 2018-07-20
首页上一页12下一页尾页

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信