بيان حقوق الطبع والنشر: حقوق الطبع والنشر لهذه المقالة مملوكة للمؤلف الأصلي. الترجمة مرجعية للقراء المحليين فقط
. ملخص هذه المقالة: حيل CSS الأكثر استخدامًا، مثل الزوايا الدائرية والأحرف الاستهلالية وما إلى ذلك.
كانت هناك ترجمة سابقة لـ "8 حيل CSS ذات جملة واحدة" والتي قدمت 8 حيل CSS مفيدة جدًا من جملة واحدة، وسأقدم لك هذا الأسبوع مقالًا مشابهًا، والذي يقدم بعض حيل CSS الأكثر استخدامًا، أو يطلق عليها اسم "". خدعة CSS. بالطبع، أعتقد أن كل مصمم سيكون لديه بعض التفضيلات الشخصية، وأنا شخصياً لا أحب بعض الحيل الواردة في المقالة.
1. لا تستخدم تأثير الزاوية المستديرة للصورة
.rtop، .rbottom{display:block}
.rtop *, .rbottom *{العرض: الارتفاع: 1px;
.r1{الهامش: 0 5 بكسل}
.r2{الهامش: 0 3 بكسل}
.r3{الهامش: 0 2 بكسل}
.r4{margin: 0 1px; height: 2px}
(يحب العديد من الأشخاص استخدام تقنية التقريب هذه، لكنني شخصيًا لا أحبها كثيرًا. على الرغم من أنني لا أحتاج إلى إنشاء صور بزوايا مستديرة، إلا أن هذه العلامات الإضافية دائمًا أشعر بأنها زائدة عن الحاجة)
2. قائمة مصممة
هذا هو السطر الأول
هنا السطر الثاني
والسطر الأخير
أول {
الخط: مائل 1em Georgia، Times، serif؛
اللون: #999999؛
}
رأ ع {
الخط: عادي .8em Arial، Helvetica، sans-serif؛
اللون: #000000؛
}
أنا أيضًا أحب هذا التأثير كثيرًا. يمكنك تطبيق خطوط مختلفة على الأرقام التسلسلية.
3. نموذج بدون جدول
4. تقنية علامة الاقتباس المزدوجة
5. تأثير الكلمة المتدرج
6. التوسيط العمودي
لمزيد من المعلومات، راجع النص الأصلي
10. حرف استهلالي
تحتوي هذه الفقرة على الفئة "مقدمة". متصفحك يدعم الفئة الزائفة "الحرف الأول"، وسيكون الحرف الأول عبارة عن حرف كبير منسدل
p.introduction:first-letter {.
حجم الخط: 300%؛
وزن الخط: غامق؛
تعويم: يسار؛
العرض: 1 م؛
}