- 使用 Spring Initializr 创建 Spring Boot 应用程序
- 在Spring Boot中配置Cassandra
- 在 Spring Boot 上配置 Tomcat 连接池
- 将Camel消息路由到嵌入WildFly的Artemis上
CSS
的优化方案,之前没有提及,所以接下来进行总结一下。
1、css压缩:
将写好的css进行打包,可以减少很多的体积。2、css单一样式:
在需要下边距和左边距的时候,很多时候选择:margin:top 0 bottom 0
,但是margin-bottom:bot tom;margin-left:left;
执行效率更高。3、减少@import,而建议使用link
,因为后者在页面加载时一起加载,前者是等待页面加载完成之后再进行加载。
1、关键选择器:
选择器的最后面的部分为关键选择器。css选择器是从右向左进行匹配的。当使用后代选择器的时候,浏览器会遍历所有子元素来确定是否是指定的元素等等。2、如果规则拥有ID选择器作为其关键选择器
,则不要为规则增加标签。过滤掉无关的规则。3、避免使用通配符规则
,如果*{}
,计算次数惊人,只对需要用到的元素进行选择。4、尽量少的区队标签进行选择,而使用class。
5、了解哪些属性是可以通过继承而来的,然后避免对这些属性重复指定规则。
1、慎重使用高性能属性:浮动,定位
.2、尽量减少页面的重排和重绘。
3、去除控规则,{}。空规则的产生的原因一般来说是为了预留样式。去除这些空规则则无疑能减少css文档体积。
4、属性值为0时,不加单位。
5、属性值为浮动小数0.***,可以省略小数点之前的0
.6、标准化各种浏览器前缀,带浏览器前缀的在前。标准属性在后。
7、不使用@import前缀,它会影响css的加载速度。
8、选择器优先嵌套,尽量避免层级过深
.9、css雪碧图:
同一页面相近部分的小图标,方便使用,减少页面的请求次数,但是同时图片本身不变大,使用时,优劣考虑清楚使用。10、正确使用display的属性,由于display的作用,某一些样式组合会无效,徒增样式体积的同时也影响性能。
1、将具有相同内容的样式抽离出来,整合并通过class在页面中进行使用,提高css的可维护性。
2、样式和内容分离,将css代码定义到外部css中。
Tôi có một tệp css có tên là main.css và một tệp khác có tên là style.css. Tôi có thể thực hiện điều này trong main.css như thế nào? .someClass { //áp dụng các quy tắc cho
Trước khi cập nhật css, tôi đã có nội dung sau trong Login.css: body { background-image: url('./pictures/fond.png'); background-image:
Tôi gặp xung đột css giữa css cốt lõi của Share Point 2013 và css của tôi. Vì vậy, tôi muốn đặt tất cả các lớp của mình dưới div #s4-workspace nhưng tôi đã tìm cách để nhóm tất cả các lớp dưới đây
Tôi biết rằng bạn có thể ghi đè các thuộc tính CSS mà một trang jsp kế thừa từ một tệp CSS có trong jsp (tức là tệp CSS toàn cục). Nhưng nếu có một thuộc tính trong một phần tử làm hỏng một trang cụ thể và tôi không muốn sử dụng nó trong trang đó chỉ bằng cách sử dụng CSS nội tuyến thì sao?
Tôi vừa phát hiện ra thuộc tính meta initial-scale. Trước đây, tôi đã sử dụng default.css để xác định tất cả các kiểu dáng và kích thước (cho phông chữ và thành phần) để chúng hiển thị tốt trên màn hình máy tính để bàn. Sau đó, nếu bạn đang sử dụng
Tôi đang cố gắng sử dụng LESS CSS để viết CSS của mình. Tôi đã nhập các tệp style.less và less.js theo thứ tự đó. Bây giờ tôi muốn trích xuất mã CSS được tạo bởi LESS. Có cách nào để thực hiện việc này không? Tôi không muốn sử dụng một tập lệnh
Tôi muốn biết liệu có phần mềm nào có thể đọc được tài liệu HTML có nhiều kiểu nội tuyến và chuyển đổi tất cả các kiểu đó thành tệp css bên ngoài không. Nếu chỉ có một trang thì tôi có thể làm thủ công. Nhưng có tới 100 trang. Có ai có ý tưởng gì không? Câu trả lời tốt nhất là như ai đó đã nói, "
Khi tôi muốn di chuyển từ Styled Components sang CSS Modules, vấn đề sau đã phát sinh. Giả sử tôi có thành phần theo kiểu sau đây chấp nhận một tham số bù động và một chủ đề chuỗi CSS động:
Có cách nào để định nghĩa một lớp CSS bằng với một lớp khác không? Ví dụ, nếu tôi có một lớp: .myClass{ background-color: blue; } Có cách nào để định nghĩa một lớp thứ hai có cùng tên với myClass không?
Tôi đang cố gắng tạo một nhóm các nút dính vào cuối trang và được phân tách bằng một khoảng cách cố định. Tôi đang sử dụng lệnh ng-repeat của angularJS để lấy dữ liệu thông qua yêu cầu ajax, sau đó tôi sử dụng lệnh này để hiển thị các nút. Vấn đề của tôi là
Trình duyệt có phân tích cú pháp CSS khi tải tệp CSS không? Hay nó sẽ được phân tích cú pháp sau khi toàn bộ tệp CSS đã được trình duyệt tải xuống? Có sự khác biệt nào trong cách thực hiện điều này của các trình duyệt khác nhau không? Tôi có thể tìm thấy thông tin cấp thấp này ở đâu? Vấn đề này không phải là Tải và thực thi
Câu hỏi này đã có câu trả lời tại đây: Một lớp CSS có thể kế thừa một hoặc nhiều lớp khác không? (29 câu trả lời) Đã đóng 3 năm trước. Tiêu đề có vẻ hơi khó hiểu, để tôi giải thích cho bạn nhé. Giả mạo
Tôi đang gặp phải vấn đề kỳ lạ nhất... Ở dạng đơn giản nhất, tôi có một tệp index.html có nội dung sau: (Tôi đã giảm đáng kể kích thước tệp này trong quá trình cố gắng xác định nguyên nhân gốc rễ) Khi tôi xem mã nguồn của trang, tôi nhận được thông báo sau:
Tôi đang sử dụng Mindscape Workbench để thu nhỏ các tệp scss của mình. Các trang của tôi được thiết lập để sử dụng tệp *.min.css. Vào những thời điểm ngẫu nhiên, các tệp min không được công bố cùng với phần còn lại của hệ thống. Tôi có rất nhiều css
Vui lòng cho tôi biết sự khác biệt giữa CSS framework và CSS grid. Câu trả lời tốt nhất là một khung CSS cũng có thể là một khung lưới CSS. CSS Grid Framework được sử dụng để xây dựng bố cục CSS. Có một số khung có những công dụng khác ngoài việc xây dựng bố cục, chẳng hạn như Hartija
Tôi có file original.css mà tôi không thể xóa hoặc thay đổi khỏi trang. Bảng .css gốc { border-collapse: thu gọn; border-spacing: 0;
Trước đây tôi vẫn sử dụng bootstrap css import tốt. Nhưng tôi đang cố gắng sử dụng Mô-đun CSS, vì vậy tôi đã thêm một vài dòng. { kiểm tra: /\.css$/, sử dụng:
Có cách nào để tạo nhóm css trong bộ chọn css không? Ví dụ: .SectionHeader { include: .foo; include: .bar; include: .
Hôm nay tôi đã học hai khái niệm trong CSS, một là định vị CSS (tĩnh, tương đối, tuyệt đối, cố định) và khái niệm còn lại là CSS Margin, định nghĩa khoảng cách giữa các phần tử. Giả sử tôi muốn di chuyển một phần tử, đây có phải là cách tốt nhất không? Bởi vì hai khái niệm này có vẻ như
var paths = { css: './public/apps/user/**/*.css' } var dest = { css: './public/apps/user/css/' } /
Tôi là một lập trình viên xuất sắc, rất giỏi!