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
xChú 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