Mình đang code cái website riêng của mình coi như tự hợc HTML/CSS mà giờ bị bí cái là không biết cách căn chữ trong cùng 1 hàng. Giống trong tab gamevn dưới logo có hàng chữ Trang Chủ, Diễn Đàn, Thành Viên ấy
bác thử cái này xem, trong thẻ cha dùng align-item: center và justìy-content: center/space-around/space-between, chọn cái nào hợp ý thì dùng. Em cũng mới học được vài bài, chỉ biết thế.
Ah tiện cho hỏi có platform nào code trên web có Online Server để test luôn không nhỉ, để vô công ty lúc rảnh lôi ra nghịch.
Ok khi hỏi bất cứ câu hỏi nào về code, bác nên đưa ra là bác đã có code gì, trình bày rõ vấn đề của bác với code đó, thì anh em sẽ dễ biết và giúp. Nếu bác hỏi như trên thì mình đoán là bác muốn có style khác nhau cho các text trong cùng 1 dòng. Mình là mobile dev biết sơ sơ HTML, các bác chuyên HTML sẽ rành hơn. Như ở dưới là mình xài 2 span, 2 span này có 2 style khác nhau, bác muốn style nó như thế nào cũng được, nó sẽ cùng 1 dòng.
Đang trên công ty để cái file ở nhà nên không có post đoạn code lên được ah tag <Span> tương đương nút space ấy hả thím? còn cho nó khoảng cách xa thêm chút thì cứ add <span> thôi hả? Giống như cái chữ Text 1, mình muốn text 2 nó chỉ cách vài cách giống bấm bằng nút space hay tab trên world qua bên mình muốn ây.
Mình học kiểu đọc đọc rồi thực hành trên W3schools không ổn. Vì mình đã vẽ UI xong rồi đang học Code để đưa lên thôi. Đang phân vân không biết là chọn Font để code hay thiết kế mẹ Font rồi add vào như kiểu hình ảnh.
tag Span thì sẽ là 1 cái in-line container. Bác muốn 2 text cách nhau thì tuỳ trường hợp của bác sẽ làm sao, nhưng có các cách mình hay làm sau đây: Tăng width của text mà bác nghĩ nó sẽ có nội dụng lớn hơn -> thêm cái này vào css: display:inline-block; width: 100px;, để ý cái background màu đen của span text 1 Gắn padding, margin -> display:inline-block; margin-right: 10px;. lúc này thì nó sẽ có khoảng cách giữa 2 cái span Tuỳ trường hợp UI của bác mà bác chọn
Đã muốn làm web mà tự thiết kế, thì html css buộc phải học, còn muốn sâu hơn thì javascript cũng là bắt buộc luôn. W3school nguồn rất ok chứ sao lại không ổn nhờ. Cày cái html css cơ bản trên đấy thì gần như cái gì cũng tự code được, không thì cũng biết key mà search Khứa nào nói học UI UX học luôn javascript bỏ html css vậy ???
Thấy tụi Reddit khuyên là định hình cái website trước rồi code theo cái struction đó, chứ nói thiệt nhớ ko nổi đống tag. Mà mình cũng áp dụng kiểu này, mình designe sơ sơ trang web trên Figma, rồi dựa vào đó code. Hình dung được vị trí text sẽ nằm chỗ nào, hình ảnh nằm ở đâu, video nằm ở đâu etc rồi bắt đầu kiếm tag đập vào thôi.
Thôi thế thì con đường làm web của bác chua lắm. Làm chơi chơi ra cái trang cá nhân cho có gọi là vui thôi. Chứ tag của HTML thôi mà k nhớ nổi thì css thuần thôi nó gấp mấy lần cái đống tag. Đụng tới javascript mà framework dày đặc như hiện tại thì fence nổ não sớm thôi. Mà thấy sợ vậy thôi chứ html tag nó dùng nhiều quanh đi quẩn lại có tầm 20 cái quay đầu chứ mấy mà. W3school thấy ngộp quá + tiếng anh thì vào https://hocwebchuan.com/. Nó chỉ cũng khá ok, những thứ hay dùng có h ết, tiếng việt dễ hình dung nữa
Muốn code online vọc thì dùng trang này https://codepen.io/ Có thể tạo nhiều file rồi share với bạn bè được luôn W3 School có nhiều kiến thức căn bản khá dễ học. Còn muốn khám phá sự ảo diệu của CSS thì đây https://css-tricks.com/ Ngoài ra còn có trang này là cửu âm chân kinh cho dân coder https://devdocs.io/ Còn canh hàng chữ ngang hàng với hình này nọ thì cứ làm một khóa flexbox (display: flex) là xong https://css-tricks.com/snippets/css/a-guide-to-flexbox/
