V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
pertersonvv
V2EX  ›  程序员

掌握 css 有啥好方法呢?

  •  
  •   pertersonvv · 2014-12-30 07:02:30 +08:00 · 3330 次点击
    这是一个创建于 3598 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如何才能做到精通CSS?

    刚才写css,犯了个低级错误
    border: 1px, red, solid
    亲们呢过发现错在哪里么:)

    赶脚要学好多东西,学css只能一个个例子去学么?赶脚好累

    42 条回复    2015-01-02 13:38:20 +08:00
    superkey
        1
    superkey  
       2014-12-30 07:34:59 +08:00 via Android
    不要逗号,css能基本写就可以,前端可以用那些优秀的框架如Bootstrap。
    haozhang
        2
    haozhang  
       2014-12-30 07:46:51 +08:00 via iPad
    买本好书啃。累?你还打算轻轻松松的学是吗?觉得累,就别学了。
    anjunecha
        3
    anjunecha  
       2014-12-30 07:48:38 +08:00 via Android
    哪有什么便捷的办法…多练,多犯错,犯的错误越多进步的也就越快
    pertersonvv
        4
    pertersonvv  
    OP
       2014-12-30 07:52:58 +08:00
    @haozhang 你啃的啥书?
    FrankFang128
        5
    FrankFang128  
       2014-12-30 08:01:26 +08:00 via Android
    不用WebStorm不是自讨苦吃么
    old9
        6
    old9  
       2014-12-30 08:42:21 +08:00
    逗号通常用来分割多个值,空格才是集合属性的分隔符。
    我觉得学 CSS 最靠谱的方法是去过一遍 W3C 的 spec,我是认真的。
    pertersonvv
        7
    pertersonvv  
    OP
       2014-12-30 08:45:08 +08:00
    @old9 你看完了?
    lwbjing
        8
    lwbjing  
       2014-12-30 08:49:53 +08:00
    同 @old9
    bigzhu
        9
    bigzhu  
       2014-12-30 08:52:53 +08:00 via Android
    买本不是那么枯燥的书,肯完就硬着头皮用吧。

    因为觉得太简单,这么多年也没好好学下,发现无法得心应手的设计自己想要的效果,好憋屈。准备元旦搞定这个。
    haozhang
        10
    haozhang  
       2014-12-30 09:36:54 +08:00 via iPhone
    我看什么书和你看什么书有联系么?
    百度Google不会么?
    还是那句,觉得累,就洗洗睡。
    Biwood
        11
    Biwood  
       2014-12-30 09:38:38 +08:00
    CSS很简单了好么,比学函数编程语言什么的难多了
    pertersonvv
        12
    pertersonvv  
    OP
       2014-12-30 09:40:23 +08:00
    @haozhang 额,好书推荐下啊:)
    d0a1ccec
        13
    d0a1ccec  
       2014-12-30 09:40:51 +08:00
    经常写。经常联系
    doushiyinweini
        14
    doushiyinweini  
       2014-12-30 10:01:18 +08:00
    先在chrome里控制台写,很强的提示。。熟练了再用编辑器写。
    pertersonvv
        15
    pertersonvv  
    OP
       2014-12-30 10:21:30 +08:00
    @doushiyinweini 你说的是在dom里写?在console里貌似只能写js
    reeco
        16
    reeco  
       2014-12-30 10:21:52 +08:00
    无他,唯手熟尔
    ZhaoMiing
        17
    ZhaoMiing  
       2014-12-30 10:23:17 +08:00
    css基本是能写就行,不过要写好还是要有一套规范。
    Jaylee
        18
    Jaylee  
       2014-12-30 10:27:41 +08:00
    写少了 写多一点,这种基本不会写错 都成习惯了
    miyuki
        19
    miyuki  
       2014-12-30 10:28:30 +08:00 via Android
    基本不用书 我从扒皮学起的
    luo123qiu
        20
    luo123qiu  
       2014-12-30 10:50:53 +08:00
    以前刚开始学的时候,用Dreamweaver,打开双层面板,上面是代码,下面是实时demo。
    用视图插入元素的时候,观察一下上面的代码面板生成了些什么代码,久而久之对代码熟悉了,再后来就裸写代码了,再再后来就更熟练了。
    pertersonvv
        21
    pertersonvv  
    OP
       2014-12-30 10:52:07 +08:00
    @luo123qiu Dreamweaver现在还有人用么?呵呵
    luo123qiu
        23
    luo123qiu  
       2014-12-30 11:41:45 +08:00
    @pertersonvv 现在自然是用的人少了,我是04年开始学的啊,那时候除了Dreamweaver还有啥可用?
    pertersonvv
        24
    pertersonvv  
    OP
       2014-12-30 12:03:38 +08:00
    @luo123qiu 你还在用DW么?
    pertersonvv
        25
    pertersonvv  
    OP
       2014-12-30 12:04:20 +08:00
    @ZzFoo 这个是你开发的么,亲:)
    xuwenmang
        26
    xuwenmang  
       2014-12-30 12:15:35 +08:00
    不是专业前端,能在浏览器里改个颜色,改个边框就行了。。没必要精通。
    click
        27
    click  
       2014-12-30 12:29:32 +08:00
    汗,居然犯这种错误。不会看w3cschoool吗
    click
        28
    click  
       2014-12-30 12:32:40 +08:00
    DW有DW的优势,不知为何要鄙视。特别新手,如果在DW里写代码都不会,你也用不了其他的编辑器了
    luo123qiu
        29
    luo123qiu  
       2014-12-30 13:04:13 +08:00
    @pertersonvv 现在用Sublime
    andsion
        30
    andsion  
       2014-12-30 13:05:33 +08:00
    写的少了点,熟能生巧,多练。
    Tankpt
        31
    Tankpt  
       2014-12-30 13:10:20 +08:00
    多谢。。很多语法看了都记不住。。让你每天都用。你自然就会了。。踩的吭多了也就知道了怎么办
    yakczh
        32
    yakczh  
       2014-12-30 13:16:08 +08:00
    刷f5
    Navee
        33
    Navee  
       2014-12-30 13:32:19 +08:00
    1.看文档:http://www.w3school.com.cn/css/index.asp 都大概的看一下
    2.学会用Firefox或者chrome的控制台(F12)调试你的CSS
    3.看到喜欢的样式,可以打开浏览器控制台,看看样式是怎么写的,尝试自己写一下;看到不懂的属性上1里面的文档查找.
    4.熟练的差不多了,可以考虑用bootstrap做一些简单的页面,然后看看他们的样式是怎么实现的.
    xp0729
        34
    xp0729  
       2014-12-30 13:36:38 +08:00
    写写写, 现在写scss还不够多然后就总是遇到缩进啊,TextMate自动加上分号啊之类的失误,解决办法仍然是写写写,我觉得自己天分比不上大家,所以只好靠积累量变来引起质变了
    simo
        35
    simo  
       2014-12-30 13:43:24 +08:00
    我当时的经历,给lz参考:
    学了有2周左右,直接上一个大概周期3个月的项目,边写边学。当时使用的editplus,纯手写,一个项目下来,基本所有的属性名都记住了。
    希望楼主学的过程中,别用ide,只用文本编辑器,多写写就会了。
    Phariel
        36
    Phariel  
       2014-12-30 13:47:50 +08:00
    找个有CSS自动提示的IDE,分分钟就把你坏习惯改过来。
    ZzFoo
        37
    ZzFoo  
       2014-12-30 15:03:49 +08:00
    @pertersonvv 不是,只是觉得用来当参考手册不错
    paloalto
        38
    paloalto  
       2014-12-30 15:06:33 +08:00
    border: 1px, red, solid

    hahahah! so cute! :P
    xiaobu
        39
    xiaobu  
       2014-12-30 15:07:45 +08:00
    http://www.w3school.com.cn/ ,上班自学了css和css3,自己博客真是个练手的好对象
    pertersonvv
        40
    pertersonvv  
    OP
       2014-12-30 15:14:45 +08:00
    @xiaobu 你的博客里好像没啥css啊...
    wwlweihai
        41
    wwlweihai  
       2014-12-30 15:31:30 +08:00
    多做 多错 多积累 先不用什么框架 直接上手做几个简单的网页出来。 然后找项目去做。
    doushiyinweini
        42
    doushiyinweini  
       2015-01-02 13:38:20 +08:00
    @pertersonvv F12打开右边styles 页面结构div class id 都定义号,然后在那里写 写完一个 复制粘贴一下就行。我刚开始写就这么干
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3069 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:42 · PVG 21:42 · LAX 05:42 · JFK 08:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.