1, upper triangle type
div { width: 0; height: 0; < /span>border: 40px solid; border-color: transparent transparent red; }
2, lower triangle type
div { width: 0 ; height: 0; border: 40px so
Category: CSS
Cascading Style Sheets (Cascading Style Sheets) is a computer language used to express HTML (an application of Standard Universal Markup Language) or XML (a subset of Standard Universal Markup Language). The latest version of CSS is CSS3, which is a style design language that can truly separate web page performance and content. Compared with the performance of traditional HTML, CSS can accurately control the position and layout of objects in web pages, supports almost all font size styles, has the ability to edit web page objects and model styles, and can perform preliminary interactions. Design is currently the best expressive design language based on text display.
Common ways for operating CSS
Contents
if (‘registerProperty’ in CSS) {CSS.registerProperty({ name:’–color’, syntax:’< color>‘, // The list syntax can be represented here:’+’, inherits: true, initialValue:’rgba(0, 0, 0,
CSS Common Code Daquan, HTML CSS Code
html+css can facilitate the layout of web pages and reduce a lot of unnecessary code. 1. Text setting 1. font-size: font size parameter 2. font-style: font format 3. font-weight: font thickness 4.
The overflow part of CSS – DIV text is displayed
The overflow part of the text in the div is displayed with an ellipsis, which can be summarized into two solutions, one is to solve it with CSS, and the other is to solve it with js.
Display
Animation and @Keyframes animation in CSS
Animation
Use shorthand attributes to change Animation and div element binding:
div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari and Chrome */
}
Layui provincial urban drop-down menu three-level linkage
To use this function, you need to use the contents of the layui folder, so you can’t just put layui.css and layui.jsIntroduced, it must be obtained from the layui folder
Display effect
A. Creating a Character（Educational Codeforces Round 72 (Rated for Div. 2) ）
< div> You play your favourite game yet another time. You chose the character you didn’t play before. It has str “>strstr points of strength and in t”>intint points of intelligence. Also, a
3 CSS positioning & floating
CSS Position: static positioning:
The default value of the HTML element, there is no positioning, the element appears in the normal In the stream
Statically positioned elements will not
07- Simple Margin
margin Margin, indicating the distance between the border and the nearest box.
#008080;”> 1
2 “en”>
3
4 “UTF-8″>
5 Wanderer
6
7 *{
8 padding: 0px;
9 margi
04-box model 1
—Restore content start—
Salted Fish Alliance
.box-one{
width: 300px;
height: 200px;
/* border-width: 30px;
border-style: solid;
border-color: pink;*/