This article mainly for you in detail the CSS basic style list, with a certain reference value, interested in small partners can refer to
CSS List properties allow you to place, change, or label an image as a list item
Second, the attribute
List-
This article is mainly for everyone in-depth analysis of CSS basic style comprehensive design: Table of the details of the production of relevant information, with a certain reference value, interested in small partners can refer to
name year
This article is mainly for everyone to explain the CSS common operation alignment method, interested in small partners can refer to
First, use the margin property for horizontal alignment
*{ margin:0px;}. div{ width:70%; height:1000px;
This article is mainly for everyone to explain the CSS common operation classification method, interested in small partners can refer to
One, size operation
Height set Element Heights
Line-height Setting Row Height
. p1{ width:400px;
This article is mainly for everyone to explain the CSS commonly used navigation bar method layout class, interested in small partners can refer to
One, vertical navigation bar
ul{ List-style-type:none; margin:0px; padding:0px;}
This article is mainly for everyone to explain the CSS commonly used to manipulate the image of the relevant information, the need for friends can refer to the next
body{ background-color: #0078b3;}. image{ border:1px solid darkgray; Width:
How to make the background picture stretch and fill it sounds like a simple question. But I'm sorry to tell you. It's not as simple as we think.
For example, set a background in a container (Body,p,span). The long-width value of this background
Directory structure:
Contents structure [-]
Hight Property value Type list
Value
Describtion
Auto
Default
Length
Absolute length
%
Relative length
Inherit
Inherited
In the development of the project, we often encounter the need to change the input radio and multi-select style, today we will introduce a simple change input and multi-select style method.
Before that, let's briefly introduce: before Pseudo-class
:
text-align: center">text-align: center">CSS Precedence and inheritance issues
★css conflict, that is, the priority levelThe CSS itself can be set to apply multiple styles to the same element at the same time, and there may be conflicts between
Implementation of the center of the scheme there are many, here is the introduction of pure CSS using absolute with the margin scheme.
1. P Width and Height fixing
Width:400px;height:200px;position:absolute;top:50%;left:50%;margin-top:
This article mainly introduces the CSS to solve the floating, clear floating several methods: 1, set the parent element height, 2, overflow;3, add child element (block level), and set its clear property value of both to solve (partition method,
Today the video in the CSS3 complex selector part of the reading, to tidy up the knowledge points learned.
1. Brother Selector: Same position level, can be called sibling element
A, adjacent sibling selector: NextTightly following the "current
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
Constantly updated, constantly updated, constantly updated,
solve the problem without regard to compatibility, the topic of unrestrained, think of what to say, if there is a problem you feel the unusual CSSProperty
, hurry up and cram it.
Constantly updated, constantly updated, constantly updated,
problem-solving does not consider compatibility, the topic of unrestrained, think of what to say, if you feel the problem in the CSS properties of the rare, hurriedly to cram it.
Constantly updated, constantly updated, constantly updated,
Bootstrap learning, bootstrap
We can understand through thisbootstarpSome common knowledge points.Grid
. Row in. container or. container-fluid
. Col-md-*,. col-lg-*,. col-xs-*, col-sm -*
Column offset. col-md-offset -*
Can be nested. The nested
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service