Hướng dẫn should i start with html or css? - tôi nên bắt đầu với html hay css?

Có rất nhiều chất tương tự để phát triển HTML/CSS; có thể là một chút khó hiểu cho người mới bắt đầu.

  • Html = nền tảng/nhà
  • CSS = Tường/Bản thiết kế/Hình nền

Có bất kỳ thực hành tốt nhất ở đây? Chúng ta nên viết cái nào đầu tiên?

Hướng dẫn should i start with html or css? - tôi nên bắt đầu với html hay css?

Glorfindel

3.1176 Huy hiệu vàng24 Huy hiệu bạc33 Huy hiệu Đồng6 gold badges24 silver badges33 bronze badges

Hỏi ngày 15 tháng 12 năm 2012 lúc 10:05Dec 15, 2012 at 10:05

Hướng dẫn should i start with html or css? - tôi nên bắt đầu với html hay css?

2

Bạn nên xây dựng một ngôi nhà trước, sau đó vẽ nó.

Một tài liệu HTML có thể tự đứng vững, mặc dù nó có thể trông buồn tẻ. Một bảng kiểu CSS không thể; Nó không có gì có thể hiển thị (ngoại trừ là mã) nhưng hướng dẫn hiển thị.

Đó là một vấn đề khác mà trong quá trình vẽ, bạn có thể muốn làm những thay đổi trong ngôi nhà. Với những ngôi nhà thực sự mà thường không khả thi, nhưng trong sự phát triển của HTML+CSS, nó thường thấy rằng bạn cần thêm đánh dấu trong tài liệu HTML của mình để làm cho kiểu dáng dễ dàng hơn. (Nó ít phổ biến hơn trước đây, nhờ các bộ chọn CSS3 mạnh mẽ.)

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 10:40Dec 15, 2012 at 10:40

5

Tôi luôn sử dụng bút và giấy trước, giấy kích thước đầy đủ, bản vẽ quy mô.

Đó là nếu bạn không có thiết kế của bạn được giải quyết. Nếu bạn tự tin vào thiết kế của bạn, tôi có một cách tiếp cận cân bằng; HTML là cấu trúc, CSS keo. Tiếp tục xây dựng khái niệm (HTML, CSS) 'Tuples'.

(HTML,CSS) + (HTML,CSS) -> (bigHTML,bigCSS)

(bigHTML,bigHTML) + (bigHTML,bigCSS) -> (biggerHTML, biggerCSS)

và như thế.

Đó là cách tôi làm điều đó, dù sao.

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 15:47Dec 15, 2012 at 15:47

Rất nhiều phụ thuộc vào loại ứng dụng trang web / web bạn tạo và loại ngữ cảnh mà nó sẽ được sử dụng.

Trong hầu hết các trường hợp, cách tốt nhất để đi là xây dựng HTML hợp lý về mặt ngữ nghĩa, sau đó thêm CSS cho các trình duyệt tuân thủ tiêu chuẩn, sau đó áp dụng các bản hack và quy tắc không xâm phạm (ví dụ: các nhận xét có điều kiện của IE, các quy tắc CSS của CSS, các lớp tuân thủ JavaScript, ETC .) Để hỗ trợ các trình duyệt không đạt tiêu chuẩn và kích hoạt các tính năng dành riêng cho nhà cung cấp.

Tuy nhiên, đôi khi bạn có một loạt các ứng dụng web độc lập chia sẻ các kiểu dáng (ví dụ: là một phần của phong cách nhà) và thậm chí bạn có thể ở vị trí xa xỉ để kiểm soát đầu ra HTML của từng loại. Trong trường hợp đó, viết CSS trước, và sau đó điều chỉnh HTML để làm việc với nó, có thể là một cách tốt hơn để đi. Nếu bạn làm điều này, cách để đi là trước tiên phân tích loại yếu tố trang nào bạn sẽ cần, xác định các lớp cho những thứ này, sau đó viết một tài liệu kiểm tra tĩnh sử dụng chúng, viết các kiểu dáng và sau đó bắt đầu viết các ứng dụng sử dụng chúng.

Tuy nhiên, trong tất cả sự trung thực, tôi nghi ngờ rằng một vị trí xa xỉ như vậy là cực kỳ hiếm, và một số công ty thực sự nhận ra giá trị của một phong cách nhà thống nhất ở cấp độ CSS; Thường xuyên hơn, tính thực tế chỉ ra rằng một nhà thiết kế làm cho phong cách nhà, và sau đó các bộ kiểu độc lập được viết cho mỗi ứng dụng cần phải tuân theo nó. Lý do cho điều này, chủ yếu là, hầu hết các công ty sử dụng phần mềm ngoài luồng với khả năng sửa đổi hạn chế cho ít nhất một số ngăn xếp của họ và thường, việc thay đổi đầu ra HTML của họ để phù hợp với một kiểu dáng nhất định là khó hơn nhiều (hoặc thậm chí không thể đối với Một số gói độc quyền) hơn là viết lại CSS. Ngoài ra, nỗ lực duy trì một tá bộ kiểu dáng thường bị đánh giá thấp, và một số khác biệt nhỏ và kỳ quặc được coi là chấp nhận được.

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 12:23Dec 15, 2012 at 12:23

Tdammerstdammertdammers

52.2K14 Huy hiệu vàng104 Huy hiệu bạc153 Huy hiệu đồng14 gold badges104 silver badges153 bronze badges

Mặc dù đây là một câu hỏi và trả lời rất cũ, tôi cảm thấy cần thiết và trách nhiệm để bình luận về nó.very old Q&A, I feel the need and responsibility to comment on it.

Có, HTML nên được viết trước CSS, tuy nhiên ...however...

Bạn không viết tất cả HTML trên trang, và sau đó quay lại để viết CSS. Điều này sẽ làm cho nó vô cùng khó khăn để nhớ rõ các phần khi bạn xây dựng nó, ngay cả với khoảng cách và bình luận thích hợp.do NOT write all HTML on the page, and then go back to write the CSS. This would make it extremely difficult to clearly remember the sections as you build it out, even with proper spacing and comments.

Bạn xây dựng một trang web trong các lớp, như thể bạn đang làm một chiếc bánh nhiều lớp.

Lớp 1 - Đầu tiên bạn xây dựng cơ sở, Div container, với CSS chiều cao và chiều rộng tối thiểu.

Lớp thứ 2 - Sau đó, bạn xây dựng lớp tiếp theo, các phần lớn của trang (div và kiểu dáng cho cấu trúc), chẳng hạn như các hàng hoặc các phần trông giống như các cột.

Lớp thứ 3 và hơn thế nữa - sau đó bạn tiếp tục thêm trong lớp thứ hai của các phần.

Theo cách này, bạn viết một số HTML, thêm sau đó tạo kiểu nó bằng CSS cho cấu trúc, rửa sạch và lặp lại. Theo kinh nghiệm của tôi, đây là một cách xây dựng các trang web hiệu quả hơn nhiều và theo tôi nhanh hơn nhiều so với sự thay thế của tất cả HTML trước tiên.

Cuối cùng, hãy thử bằng cách sử dụng " * {phác thảo: 1px chấm màu đỏ}" để có được phác thảo tất cả các yếu tố của bạn, khi bạn thêm chúng trên trang của mình với kiểu dáng, bạn có thể thấy phác thảo của chúng và không phải lo lắng về việc đoán nó trông như thế nào cho đến khi cho đến khi Bạn thêm màu nền của bạn. Tôi tránh đường viền cho trường hợp sử dụng cụ thể này vì biên giới thêm pixel trên các phần tử, phác thảo là một lớp phủ.* { outline: 1px dotted red }" to get an outline of all your elements, as you add them on your page with styling, you can see their outline and not have to worry about guessing what it looks like until you add your background colors. I avoid border for this particular use case because borders add pixels on the elements, outline is an overlay.

Hãy thử, cảm ơn!

Đã trả lời ngày 18 tháng 4 năm 2018 lúc 18:21Apr 18, 2018 at 18:21

1

Tôi tin rằng làm việc với cấu trúc trang web (HTML) trước tiên có ý nghĩa hơn vì sau đó bạn sẽ có ý tưởng về các yếu tố và có tên khi nói đến kiểu dáng và định dạng trang web của bạn.

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 16:22Dec 15, 2012 at 16:22

Điều này phụ thuộc vào vai trò thực tế của bạn và mục tiêu phát triển chính của bạn. Nếu mục tiêu là xác định những gì nên được hiển thị cho việc mở rộng tại một trang web, người ta nên bắt đầu với HTML. Nếu mục tiêu là tạo ra một thiết kế dễ chịu và thống nhất, người ta có thể bắt đầu với CSS. Trong cả hai trường hợp, người ta có thể bắt đầu tốt hơn trước với giấy và bút chì, và nếu mục tiêu hiện tại là phát triển một ứng dụng web, người ta không nên bắt đầu với HTML hoặc CSS. Thực tiễn tốt nhất là trước tiên là suy nghĩ về những gì bạn muốn phát triển và sau đó chia nhiệm vụ thành các mục tiêu và mục tiêu phụ thay vì chỉ hack mọi thứ lại với nhau.

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 11:15Dec 15, 2012 at 11:15

JakobjakobJakob

6474 Huy hiệu bạc9 Huy hiệu Đồng4 silver badges9 bronze badges

Thiết kế ngôi nhà (bố trí lưới) cùng với một ý tưởng về cách nó sẽ được trang trí; Xây dựng ngôi nhà (HTML) với lưới điện; Sau đó trang trí nó (Bảng kiểu CSS).

Sau khi bạn đã xây dựng ngôi nhà đầu tiên (trang HTML), bạn chỉ có thể áp dụng cùng một trang trí (Bảng kiểu CSS) khi bạn đi cùng. Bạn có thể điều chỉnh trang trí khi bạn đi cùng.

Cuối cùng, bạn có thể muốn trang trí lại (làm lại bảng kiểu CSS).

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 15:02Dec 15, 2012 at 15:02

BillthorbillthorBillThor

6.16416 Huy hiệu bạc17 Huy hiệu đồng16 silver badges17 bronze badges

Bạn đã chọn một khung thực sự kém cho việc học và xây dựng.

Có hai vấn đề trực giao trong tay ở đây.

  1. Làm cách nào để xây dựng một trang web phục vụ nhu cầu của tôi?
  2. Làm cách nào để học cách xây dựng một trang web?

Đó là hai nhiệm vụ rất khác nhau có thể (và thường làm) đòi hỏi các cách tiếp cận có khả năng mâu thuẫn khác nhau.

Nếu bạn quen thuộc với các kỹ năng, công nghệ và yêu cầu của một dự án, người ta bắt đầu với một cuộc thảo luận về nhu cầu của một trang web và trải qua các bài tập thiết kế để xác định những gì cần phải được thực hiện. Điều đó thường có nghĩa là đánh dấu và công cụ thiết kế, thường sẽ không liên quan gì đến HTML hoặc CSS (mặc dù một số người thực hiện mockup với HTML & CSS).

Nếu bạn đang cố gắng học cách xây dựng một trang web, đồng thời xây dựng một trang web, có một quá trình khám phá và học hỏi mà bạn phải tham gia trước khi bạn biết những gì thậm chí có thể xây dựng.

Đây là nơi một chiến lược thiết kế và xây dựng mô -đun và lặp lại đã trở nên phổ biến. Khi bạn không nhất thiết biết bạn sẽ đi đâu với sản phẩm cuối cùng của mình (vì bạn không biết những gì có thể), bạn sẽ xây dựng các khối chức năng nhỏ, hãy thử nghiệm xem nó có đáp ứng yêu cầu của bạn hay không, sau đó kết hợp thử nghiệm nhỏ hơn vào toàn bộ lớn hơn.

Vì vậy, điều đó thực sự có nghĩa là gì trong các thuật ngữ cụ thể? Xây dựng một trang web có thể giống như xây dựng một ngôi nhà, nơi bạn lên kế hoạch kiến ​​trúc (thiết kế mockups) và sau đó bắt đầu thực hiện kỹ thuật để tính toán liệu ngôi nhà của bạn có đứng lên và đáp ứng nhu cầu thẩm mỹ của bạn hay không. Nhưng việc xây dựng một trang web có thể (và thường nên) trông giống như xây dựng một loạt các thí nghiệm nhỏ và thực hiện cách tiếp cận từng bước để tiếp cận một sản phẩm đáp ứng khái niệm ban đầu của bạn.

Là một vấn đề rất thực tế, hầu như tất cả mọi người futzes với cả HTML và CSS của họ cùng một lúc.

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 17:41Dec 15, 2012 at 17:41

Đây là vấn đề phổ biến trong bất kỳ dự án phát triển phần mềm nào IMHO và như vậy bạn có thể hưởng lợi từ việc sử dụng bất kỳ khái niệm nào như tạo mẫu nhanh, DSDM. Kết hợp với bất kỳ phong cách nào, ví dụ: Agile (lập trình cực đoan hoặc thiết kế điều khiển tính năng (yêu thích của tôi)). Bám sát các nguyên tắc chung mà bạn quyết định ngay từ đầu khi bạn đối mặt với chúng, và bám lấy chúng (Kiss, Yagni).

Vì vậy, đối với tôi, đó là: - Xây dựng một 'nguyên mẫu' chức năng cơ bản trước tiên, bao gồm một khối chức năng của nhu cầu hạn chế bạn lặn vào 'Điều này có thể rất tốt'/ 'Tôi có thể cần phải sử dụng lại những thứ này sau này trừ khi chúng rõ ràng. Nói với chính mình, bạn sẽ không cần nó! (Yagni). - Viết ra các quyết định bạn đưa ra như một 'quy ước mã hóa' và tuân thủ chúng, ví dụ: Thẻ PHP: Tôi sử dụng các thẻ ngắn vì đối số kịch bản của tôi .. áp dụng và ... không. - Thêm kiểu dáng cơ bản nhưng hạn chế bản thân một lần nữa.

Sau đó mở rộng mã của bạn cho đến khi bạn đạt được một nguyên mẫu cấp cao hơn bao gồm nhiều khối chức năng hơn. Theo nó, làm cho mô hình CSS của bạn phát triển. Ngay khi bạn đối mặt với các quyết định ảnh hưởng đến tất cả những gì bạn đã làm (bạn sẽ), hãy đọc nó, đưa ra quyết định và viết ra trong các quy ước mã hóa của bạn tại sao bạn đi trái hoặc phải.

'Vòng tròn' theo cách của bạn hướng tới một sản phẩm trưởng thành và cuối cùng hơn.

Đừng sợ về những quyết định lớn mà bạn có thể phải đối mặt, bởi vì lo lắng về chúng có thể khiến bạn mất nhiều thời gian hơn là sửa nó xuống đường. Ngoài ra, đừng lo lắng về cộng đồng Internet nhìn qua vai bạn với một cái nhíu mày, cuối cùng khi bạn có một sản phẩm hoạt động, bạn đã học được rất nhiều Điều tiếp theo bạn xây dựng (chú ý lần lặp ở đây).

Chỉ là 50cts của tôi

Đã trả lời ngày 15 tháng 12 năm 2012 lúc 19:16Dec 15, 2012 at 19:16

Khi bạn so sánh một trang web với một ngôi nhà:

Html = nền tảng/nhà CSS = tường/bản thiết kế/hình nền

Làm thế nào bạn sẽ nổi các bức tường giữa không trung cho đến khi bạn xây dựng nền tảng mà họ ngồi? Làm thế nào bạn có thể viết CSS để tạo kiểu trang của bạn cho đến khi bạn có các thẻ HTML được viết mà bạn đang áp dụng các kiểu.

Mỗi phần của CSS là kiểu HTML cụ thể. Những thẻ đó cần tồn tại để có thể tạo kiểu cho chúng. Nếu bạn không có HTML để tạo kiểu thì tệp CSS phải trống vì bất kỳ kiểu nào trong đó đều dư thừa vì chúng không thực sự tạo kiểu cho bất cứ thứ gì.

Đã trả lời ngày 16 tháng 5 năm 2019 lúc 5:29May 16, 2019 at 5:29

Hướng dẫn should i start with html or css? - tôi nên bắt đầu với html hay css?

Tôi có nên bắt đầu mã hóa với HTML và CSS không?

Vì các ngôn ngữ phát triển web cơ bản, HTML và CSS là một cách tuyệt vời để bắt đầu với sự phát triển.Điều này là do các ngôn ngữ này cung cấp các bộ quy tắc đơn giản xác định cách viết mã và dễ học.HTML and CSS are a great way to get started with development. This is because these languages offer simple sets of rules that define how to code and are easy to learn.

Tôi có nên sử dụng HTML hay CSS không?

HTML được sử dụng để cấu trúc nội dung trên trang web.css được sử dụng để thêm kiểu vào nội dung của một trang web.HTML cung cấp thông tin hiển thị của các thẻ khác nhau cho trình duyệt.CSS tăng cường thông tin đó bằng cách cung cấp kiểu dáng cho các thẻ HTML tương tự. CSS is used to add style to the content of a web page. HTML provides display information of various tags to the browser. CSS enhances that information by providing styling to those same HTML tags.

Người mới bắt đầu CSS có thân thiện không?

CSS được coi là một trong những ngôn ngữ dễ học nhất.Các quy tắc và cú pháp cơ bản của nó rất đơn giản và bạn có thể bắt đầu tạo kiểu trang web sau một ngày học (nếu bạn đã quen thuộc với HTML).Có thể mất nhiều thời gian hơn để tìm hiểu các tính năng nâng cao hơn của nó, nhưng một khi bạn thực hiện, các quy tắc tương tự được áp dụng.. Its basic rules and syntax are simple, and you could start styling web pages after a single day of learning (if you're already familiar with HTML). It may take longer to learn its more advanced features, but once you do, the same rules apply.