Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - CSS để ghi đè chủ đề cho một trang

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 10:04:46 25 4
mua khóa gpt4 Nike

Tôi đã duyệt hàng trăm trang web để tìm hướng dẫn, diễn đàn câu hỏi, video youtube, v.v. Tôi đã thử chỉnh sửa header.php, tạo chủ đề con và chỉnh sửa biểu định kiểu mới, thậm chí còn thay đổi một số css của tôi thành html trên trang này. Dường như không có gì ảnh hưởng hoàn toàn đến CSS hiện có và hiển thị trang theo cách tôi muốn.

Mục đích là làm cho trang wordpress trông giống như một trang có kiểu dáng chính xác.

Ảnh chụp thiết kế được triển khai chính xác của tôi trong tệp được tạo trên localhost:đây

Ngoài ra còn có ảnh chụp một thiết kế được triển khai không chính xác khi tôi đưa HTML vào trang wordpress:đây

Đây là CSS:

body {
họ phông chữ: "AvenirNext-Thường xuyên", Avenir, Arial, sans-serif;
cỡ chữ: 16px;
chiều cao dòng: 1,5em;
màu sắc: #545454;
 }
 h1, h2, h4, h5, h6 {
màu: #b1997b; 
trọng lượng phông chữ: 600! quan trọng
chiều cao dòng: 1,3em;
họ phông chữ: "AvenirNext-Thường xuyên", Avenir, Arial, sans-serif !quan trọng;
 }

 a {
text-align: center;
trang trí văn bản: không có;
màu: #b1997b;
cỡ chữ: 1em;
hiển thị: nội tuyến;
 }

 a:di chuột{ 
trang trí văn bản: gạch chân;

 }


 .đầu vào {
họ phông chữ: "AvenirNext-Thường xuyên", Avenir, Arial, sans-serif;
display: block; 
chiều cao: 3em; 
chiều rộng: 20em;
lề: 0 tự động;
border: none;
viền-đáy: 0,05em rắn #9C9B9B;
 }

 h3 {
cỡ chữ: 1em;
màu: #84A0B1;
trọng lượng phông chữ: 600;
chiều cao dòng: 1,3em;
hiển thị: nội tuyến;
họ phông chữ: "AvenirNext-Thường xuyên", Avenir, Arial, sans-serif;
 }
 h2 {
lề trên: 1,3em;
họ phông chữ: "AvenirNext-Thường xuyên", Avenir, Arial, sans-serif !quan trọng;
 }
 b, mạnh mẽ {
trọng lượng phông chữ: 600;
 }
 .buttonText {
text-align: center;
trang trí văn bản: không có;
màu: #84A0B1;
cỡ chữ: 1,2em;
hiển thị: nội tuyến;
 }
 màu xanh lam {
màu: #84A0B1;
 }
 màu nâu {
màu: #b1997b;
 }
 giờ {
display: block;
 }

 màu xámMàu {
màu: #9C9B9B;
 }
 vật mẫu {
display: none;
 }


 .nút gửi{

hiển thị: chặn; /* nội tuyến cho văn bản và nút */

viền: 0,1em; 
bán kính đường viền: 0,5em;
màu nền: #e6e5e5; 
chiều rộng: 14em; 
chiều cao: 3,5em;
màu phác thảo: #C0C0C0;


text-align: center;
trang trí văn bản: không có;
màu: #84A0B1;
cỡ chữ: 0,7em;
 }

.offColor {
màu nền: #c7c7c7;
 }
 .canceler {
display: block;
lề: 0,5em;
viền: 0,1em;
bán kính đường viền: 0,5em;
màu nền: #e6e5e5;
chiều rộng: 6em;
chiều cao: 3em;
màu phác thảo: #C0C0C0;
 }
 .linktext{
hiển thị: nội tuyến;
lề: 0,5em;
căn chỉnh văn bản: trái;
màu: #84A0B1;
cỡ chữ: 1em;
 }
.ẩn giấu { 
display: none; 
 }

/* Bắt đầu bằng cách đặt display:none để ẩn phần này.
   Sau đó, chúng tôi đặt nó liên quan đến cửa sổ khung nhìn
   với vị trí: cố định Chiều rộng, chiều cao, trên và bên trái nói.
   cho chính họ. Nền chúng tôi đặt thành 80% màu trắng với
   hoạt ảnh của chúng tôi tập trung vào và không lặp lại */
.modal {
hiển thị: kế thừa;
lề trái: tự động;
lề phải: tự động;
position: fixed;
chỉ số z: 1000;
top: 0;
left: 0;
chiều cao: 12,5em;
width: 10em;
kiểu đường viền: không có;
chỉ số z: 1002;
}
 .trung tâm {
  position: fixed;
  trên cùng: 50%;
  trái: 50%;
 /* mang theo tiền tố của riêng bạn */
  transform: translate(-50%, -50%);
     }

.lớp phủ {
vị trí: cố định;
đỉnh: 0;
đáy: 0;
trái: 0;
đúng:0;
màu nền: #FFFFFF;
độ mờ: 0,8;
chỉ số z:1001;
}
.stop {hiển thị: không;}

.show {hiển thị: khối;}

Đây là html của trang:

  
            
        
tìm vị trí của bạn




        



        
california


             

                

                    

                        
ngọn đồibeverly

                        
9873 S. Santa Monica Blvd.
 Beverly Hills, CA 90212

                    

                    

            

                

                    

                        
điểm dana

                        
34241 E. Pacific Coast Hwy, Ste. 201 
 Dana Point, CA 92629 

                    

                    


            

                

                    

                        
bãi biển Manhattan

                        
3713 Highland Ave, Tầng 2
 Bãi biển Manhattan, CA 90266

                    

                    

            

                

                    

                        
bãi biển newport

                        
2744 East Coast Hwy, Tầng 2 
Newport Beach, CA 92625

                    

                    

            

                

                    

                        
santa Monica

                        
1229 Montana Ave, Tầng 2
 Santa Monica, CA 90403

                    

                    





            



        
new york


            

                

                    

                        
quảng trường công đoàn

                        
114 4th Ave.
 New York, NY 10003 

                    

                    


            




        
pennsylvania


            

                

                    

                        
philadelphia

                        
1120 Walnut St. 
 Philadelphia, PA 19107

                    

                    
                



    Xem sitemap của VNExpress

câu trả lời hay nhất

Bạn có thể thử thêm lớp phạm vi vào nội dung trang ...Xem sitemap của VNExpress Và có những quy định chỉ áp dụng cho những lớp nào trong phạm vi của lớp đó.

Về html - CSS để ghi đè chủ đề cho một trang, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/38107939/

25 4 0
Bài viết khuyến nghị: html - Hình dạng chuyển tiếp trong CSS không hoạt động
Bài viết khuyến nghị: Làm cách nào để tạo menu điều hướng trong ứng dụng dotnet?
Bài viết khuyến nghị: linux - Hạn chế người dùng linux khác truy cập vào vùng chứa docker
Bài viết khuyến nghị: Làm cách nào tôi có thể ghi đè thao tác lưu trong odoo?
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress Xem sitemap của VNExpress