Âm hộ

P. CSS cung cấp bình đẳng cho tất cả các trình duyệt. Trình duyệt Chrome. firefox. bờ riya. I E. Cuộc đi săn. Ô-pê-ra

P. CSS cung cấp bình đẳng cho tất cả các thiết bị. Máy tính để cấm. Máy tính cầm tay. Tab. Điện thoại di động

P. CSS only is CSS standard (Không có thư viện jQuery hoặc JavaScript)

Bắt đầu tìm hiểu W3. CSS ngay bay giờ »

---

Thi dụ

tiêu đề của tôi

Ôtô là phương tiện có động cơ có bánh, tự động dùng để đi lại

Chân trang của tôi

"Làm cho no càng đơn giản càng tốt, nhưng không đơn giản hơn".
Albert Einstein

---

P. CSS mini free

P. CSS used free. Không cần giấy phép

---

Làm thế nào để

To use W3. CSS trong trang web của bạn, chỉ cần thêm một liên kết đến "w3. css" từ các trang web của bạn

Thi dụ

Hoặc tải xuống w3. css từ w3css_downloads cho những liên kết đến w3. css

Thi dụ

---

Khoa học về sự cố W3. CSS

Cách tạo trang web đẹp trên mọi thiết bị (máy tính để bàn, máy tính xách tay, máy tính bảng và điện thoại)

Tìm hiểu từ hơn 300 ví dụ. Với trình chỉnh sửa của chúng tôi, bạn có thể chỉnh sửa CSS và nhấp vào nút để xem kết quả

Chuyển đến ví dụ về CSS

---

Sử dụng thực đơn

Chúng tôi khuyên bạn nên đọc hướng dẫn này, theo trình tự được liệt kê trong menu

Nếu bạn có màn hình lớn, menu sẽ luôn ở bên trái

Nếu bạn có màn hình nhỏ, hãy mở menu bằng cách nhấp vào ký hiệu menu trên cùng ☰

---

Mẫu CSS

Chúng tôi đã tạo một số W3 đáp ứng. Các mẫu CSS để bạn sử dụng

Bạn có thể tự do sửa đổi, lưu, chia sẻ và sử dụng chúng trong tất cả các dự án của mình

Mẫu CSS miễn phí

---

---

bài tập css

Kiểm tra bản thân với các bài tập

---

Câu đố về CSS

Kiểm tra kỹ năng CSS của bạn bằng một bài kiểm tra

Bắt đầu bài kiểm tra CSS

---

Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập của tôi" miễn phí tại W3Schools

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng My Learning

---

Tài liệu tham khảo CSS

Tại W3Schools, bạn sẽ tìm thấy các tham chiếu CSS hoàn chỉnh của tất cả các thuộc tính và bộ chọn với cú pháp, ví dụ, hỗ trợ trình duyệt, v.v.

Không có gì sai với Hello Spring Boot, không có một ứng dụng Web đơn giản sử dụng ứng dụng này một máy chủ không có máy chủ web chạy web.

Bộ công cụ mùa xuân (STS)

Để xây dựng ứng dụng Spring Boot trên IDE Eclipse, bạn cần phải cài đặt Spring Tool Suite, đây là một Plugin mở rộng hỗ trợ lập trình Spring trên Eclipse.

Nếu bạn chưa cài đặt, hãy xem hướng dẫn tại đây.

• Cài đặt Spring Tool Suite cho Eclipse

3- Tạo Spring Boot Project

Trên Eclipse tạo một dự án sử dụng Spring Tool Suite (STS)

• Tệp/Mới/Khác

• Tên. xin chào khởi động mùa xuân
• Tập đoàn. tổ chức. o7planning
• hiện vật. xin chào khởi động mùa xuân
• Bưu kiện. tổ chức. o7planning. xin chào khởi động mùa xuân

Dự án đã được tạo ra, bên dưới đây là cấu hình mặc định của dự án

quả bông. xml

    4.0.0

    org.o7planning
    HelloSpringBoot
    0.0.1-SNAPSHOT
    jar

    HelloSpringBoot
    Hello Spring Boot

    
        org.springframework.boot
        spring-boot-starter-parent
        2.0.0.RELEASE
         
    

    
        UTF-8
        UTF-8
        1.8
    

    
        
            org.springframework.boot
            spring-boot-starter-web
        

        
            org.springframework.boot
            spring-boot-starter-test
            test
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    

4- Đừng bỏ lỡ khởi động mùa xuân

Ở bước trên bạn vừa tạo ra một Dự án khởi động mùa xuân, hãy xem nội dung pom. xml

quả bông. xml

Có 3 điểm cần chú ý trong pom. xml (1), (2), (3)

spring-boot-starter-parent

spring-boot-starter-parent là một project sẵn có trong Spring Boot. Các thư viện phụ thuộc cơ bản đã được khai báo trong spring-boot-starter-parent, project của bạn chỉ cần thừa kế nó. Chỉ cần khai báo trong file pom.xml của project của bạn.

• https. //mvnrepository. com/tạo tác/org. khung mùa xuân. boot/spring-boot-starter-parent

** spring-boot-starter-parent **

    org.springframework.boot
    spring-boot-starter-parent
    2.0.0.RELEASE
     

You can write over the default default of Spring Boot. Chủ đề này được biết rõ hơn tại đây

• LÀM

spring-boot-starter-web

"Người khởi xướng" luôn có thể bắt được một phụ thuộc mà bạn có khả năng cần thiết khi phát triển một loại công cụ có thể của ứng dụng. Không giới hạn khi bạn phát triển một web ứng dụng, bạn cần có một phụ thuộc  spring-boot-starter-web

một

spring-boot-maven-plugin

Spring-boot-maven-plugin là plugin cung cấp cho các thư viện cần thiết để giúp dự án của bạn có thể chạy trực tiếp mà không cần khai thác trên một Máy chủ Web. Không giúp tạo ra một file jar có thể thực thi được (Executable)

P

5- Dự án Chay Spring Boot

Ở bước trên, bạn đã tạo dự án HelloSpringBoot bằng Eclipse & Spring Tool Suite, và không có bất kỳ thay đổi nào. Tất cả mọi thứ đã được tạo ra mặc định. Bây giờ bạn cần một vài bước để chạy ứng dụng

HelloSpringBoot nói xin chào, bạn có thể chạy thử đường dẫn

• http. //máy chủ cục bộ. 8080/

Có thông báo lỗi "404 Not Found" khi bạn chạy đường dẫn trên, tuy nhiên không có vấn đề gì nghiêm trọng vì dự án của bạn chưa có bất kỳ trang nào

Tạo kiểu tệp. css mạnh mục tĩnh này

Phong cách. css

h1 {
    color: red;
}

And chay back application with path

• http. //máy chủ cục bộ. 8080/kiểu. css

chạy cấu hình

Bạn có thể thay đổi các thông số cho Máy chủ không có cổng, contextPath,. Các vấn đề này đã được cập nhật tại phần phụ lục ở cuối tài liệu này

6- Khởi động mùa xuân như thế nào?

Khi bạn tạo một "Spring Boot Web App", có 1 lớp được tạo bởi công cụ "Spring Tool Suite"

• Ứng dụng HelloSpringBoot

Ứng dụng của bạn được bắt đầu bởi việc thực thi lớp HelloSpringBootApplication. Lớp này được chú thích bởi @SpringBootApplication

Ứng dụng HelloSpringBoot. java

x

Chú thích @SpringBootApplication tương thích với việc sử dụng @Configuration, @EnableAutoConfiguration và @ComponentScan với các thuộc tính mặc định của chúng

Như vậy @SpringBootApplication giúp bạn tự động cấu hình Spring và tự động quét (scan) toàn bộ dự án để tìm ra các thành phần Spring (Controller, Bean, Service,. )

7- Các công nghệ cho tầng view

Bài học tiếp theo

• Hướng dẫn sử dụng Spring Boot trong Thymeleaf

• Hướng dẫn sử dụng Spring Boot và FreeMarker

• Hướng dẫn sử dụng Spring Boot và JSP

8- Phụ lục. Cấu hình máy chủ

Ở trên bạn đã chạy ứng dụng Spring Boot, bạn có thể thay đổi các cấu hình Máy chủ, chẳng hạn như Cổng, contextPath,

Change Server HTTP Port

Bạn có thể thay đổi các thuộc tính khác nếu muốn, Eclipse sẽ gợi ý các thuộc tính có thể thay đổi và ý nghĩa của chúng