Share six classic tips for CSS
Other tips and experience list (*The default running environment of the following examples is Standard mode):
-
How to make the layer display on falsh?
Method:
<param name="wmode" value="transparent" /> 设置flash的wmode值为transparent或opaque
Copy after login How to insert flash on the page using standard methods?
Method:
<object id="flash-show" type="application/x-shockwave-flash" data="*.swf"> <param name="movie" value="*.swf" /> <param name="wmode" value="transparent" />  </object> 至于flash的宽高可以在css里设置
Copy after loginHow to select the checkbox or radio button when clicking text?
Method 1:
<input type="checkbox" id="chk1" name="chk" /><label for="chk1">选项一</label> <input type="checkbox" id="chk2" name="chk" /><label for="chk2">选项二</label> <input type="radio" id="rad1" name="rad" /><label for="rad1">选项一</label> <input type="radio" id="rad2" name="rad" /><label for="rad2">选项二</label> 该方式所有主流浏览器都支持
Copy after loginMethod 2:
<label><input type="checkbox" name="chk" />选项一</label> <label><input type="checkbox" name="chk" />选项二</label> <label><input type="radio" name="rad" />选项一</label> <label><input type="radio" name="rad" />选项二</label> 该方式相比方法1更简洁，但IE6及更早浏览器不支持
Copy after loginHow to switch between Standard Mode and Quirks Mode in IE?
Trigger for IE6 (add XML declaration before DTD declaration):
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html> IE5.5及更早浏览器版本直接以Quirks Mode解析。
Copy after loginTrigger for all IE versions (add HTML comment before DTD declaration):
<!-- Let IE into quirks mode --> <!DOCTYPE html> 当没有DTD声明时，所有IE版本也会进入Quirks Mode。
Copy after loginHow to distinguish display:none from visibility:hidden?
Method:
相同的是display:none与visibility:hidden都可以用来隐藏某个元素； 不同的是display:none在隐藏元素的时候，将其占位空间也去掉； 而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。
Copy after loginHow to set the iframe background transparent under IE?
Method:
设置iframe元素的标签属性allowtransparency="allowtransparency" 然后设置iframe内部页面的body背景色为transparent。 不过由此会引发IE下一些其它问题， 如：设置透明后的iframe将不能遮住select
Copy after login
To be continued and revised. . .
【Related recommendations】
1. Free css online video tutorial
3. php.cn Dugu Jiujian (2)-css video tutorial
The above is the detailed content of Share six classic tips for CSS. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1387
52
How to use bootstrap in vue
Apr 07, 2025 pm 11:33 PM
Using Bootstrap in Vue.js is divided into five steps: Install Bootstrap. Import Bootstrap in main.js. Use the Bootstrap component directly in the template. Optional: Custom style. Optional: Use plug-ins.
The Roles of HTML, CSS, and JavaScript: Core Responsibilities
Apr 08, 2025 pm 07:05 PM
HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.
How to write split lines on bootstrap
Apr 07, 2025 pm 03:12 PM
There are two ways to create a Bootstrap split line: using the tag, which creates a horizontal split line. Use the CSS border property to create custom style split lines.
Understanding HTML, CSS, and JavaScript: A Beginner's Guide
Apr 12, 2025 am 12:02 AM
WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.
How to resize bootstrap
Apr 07, 2025 pm 03:18 PM
To adjust the size of elements in Bootstrap, you can use the dimension class, which includes: adjusting width: .col-, .w-, .mw-adjust height: .h-, .min-h-, .max-h-
How to use bootstrap button
Apr 07, 2025 pm 03:09 PM
How to use the Bootstrap button? Introduce Bootstrap CSS to create button elements and add Bootstrap button class to add button text
How to set up the framework for bootstrap
Apr 07, 2025 pm 03:27 PM
To set up the Bootstrap framework, you need to follow these steps: 1. Reference the Bootstrap file via CDN; 2. Download and host the file on your own server; 3. Include the Bootstrap file in HTML; 4. Compile Sass/Less as needed; 5. Import a custom file (optional). Once setup is complete, you can use Bootstrap's grid systems, components, and styles to create responsive websites and applications.
How to insert pictures on bootstrap
Apr 07, 2025 pm 03:30 PM
There are several ways to insert images in Bootstrap: insert images directly, using the HTML img tag. With the Bootstrap image component, you can provide responsive images and more styles. Set the image size, use the img-fluid class to make the image adaptable. Set the border, using the img-bordered class. Set the rounded corners and use the img-rounded class. Set the shadow, use the shadow class. Resize and position the image, using CSS style. Using the background image, use the background-image CSS property.
