Document directory
Instance 1
Instance 2
Background: array. Sort ()
Sourceindex
Comparedocumentposition
HTML has some related elements with different tag names, such as H1-H6 or input, select and textarea. Getelementbytagname can only retrieve elements with the same tag name, so you cannot use it to retrieve all titles or the entire form content.
Getelementbytagnames (names in the plural number) obtains some tag elements and stores them in an array in their order. This is very useful. F
format the DIV tag plugins/format/plugin. jsConfig. format_div = {element: 'div ', attributes: {class: 'normaldiv '}};
// Automatically format the H1 tag plugins/format/plugin. jsConfig. format_h1 = {element: 'h1 ', attributes: {class: 'contenttitle1 '}};
// Automatically format the H2 tag plugins/format/plugin. jsConfig. format_h2 = {element: 'h2 ', attributes: {class: 'contenttitle2 '}};
// Automatically format the H3 tag plugins/format/plugin. jsConfig. format_h1 = {element: 'h3 ', attribute
follows:
/** Clear internal and external margins **/
Body, H1, H2, H3, H4, H5, H6, HR, P,
BLOCKQUOTE,/* structural elements structure element */
DL, DT, DD, UL, ol, Li,/* List elements list element */
PRE,/* Text Formatting elements text format element */
Form, fieldset, legend, button, input, textarea,/* form elements form Element */
Th, TD,/* Table Elements table elements */
IMG/* IMG elements Image Element */{
Border: Medium n
A superficial understanding of css-resetRecently in retrospect some of the past knowledge, think of css-reset time, think it is time to comb some of the personal views and hidden points of knowledge, may not be comprehensive, but some summary is necessary.We all know that in the process of front-end development, we often have to get rid of the browser's default style, this time we have a concept in mind, that is css-reset this must appear. However, I find that in the case of the default style cl
study questionsThe following flattened object is converted to a tree object. parentthe node for which the field is an empty string is the root node:var input = {h3: {parent: ' H2 ', Name: ' H0 ', Name: ' company organization '}, H7: {PA Rent: ' h6 ', Name: ' deputy General Manager (General Affairs) ', H4: {parent: ' H3 ', Name: ' sales Manager '}, H2: {parent: ' H1 ', Name: ' general manager '}, H8: {parent: ' H0 ', Name: ' financial Contr
1, CSS3 style more, generally I will use the app side/*. html {font-size:.625rem;*//*10÷16x100% = 62.5%*//*height:100%;}*/*{margin:0px;padding:0px;-webkit-tap-highlight-color:Rgba (0,0,0,0);-webkit-touch-callout:None;-webkit-user-select:None;-webkit-appearance:None;Outline:None;Word-break:Break-all;box-sizing:Border-box;-webkit-box-sizing:Border-box;}HTML{Font:16px Tahoma,arial,\5b8b\4f53,sans-serif; }Body{Color:#333;font-family:Arial;Font:16px Tahoma,arial,\5b8b\4f53,sans-serif;background:#ebeb
Write code today encountered a problem, the UL List-style-type set to None, UL and outside the box always have a distance. Toss for a long time, finally the UL padding set to 0 after finally solve the problem.The code is as follows: Finally, the result is an explicit Finally find the answer found is the HTML default style of the ghost. Both ul in IE, Firefox default padding-left:40px (other browsers not tested).To prevent a similar problem later, the HTML and browser default styles are queri
With CSS3, we can create animations without having to use JavaScript, and this article shares the @keyframes rules, and in fact, it's so easy to master. Here's the difference between transform and @keyframes animations: Transform is performed only once, and @keyframes animation is looping.Let's look at a small example: h4 > Hello Worldh4>h4 { animation: color 2s infinite alternate/* name time infinite lo
achieve ellipsis animation
This fragment will help you create a ellipsis animation that is useful for simple load states without having to use GIF images.
. loading:after {Overflow:hidden;Display:inline-block;Vertical-align:bottom;animation:ellipsis 2s infinite;Content: "\2026"; /* ASCII code for the ellipsis character * *}@keyframes ellipsis {from {width:2px;}to {width:15px;}}
11. Style Reset
Html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h
convenience. I use the reset as follows:
/** clears the interior from the **/body
, H1, H2, H3, H4, H5, H6, HR, P, blockquote,/
* Structural elements structural elements */
DL, DT, DD, UL, OL, Li,/* list elements elements/
Pre,/* text formatting elements format element/
form, fieldset, Legend, button, input , textarea,/* form elements TABLE element/
th, TD,/* Table elements form elements/
img/* img Elements image elements */{
Um none;
margin:
HTML is a label language, so the quickest way to learn HTML is to learn to use HTML tags.HTML Title Tags: h1,h2,h3,h4,h5,h6A total of 6 title tags, h1,h2,h3,h4,h5,h6, from H1 to H6, it on the importance of Web content gradually diminishing, H1 the most important, h6 the lightest.You use Baidu, the most used is the search. So you can think that Baidu is a search engine, search engine is Baidu.Let's look at t
browsers support hover pseudo-class of all tags;
Tag Style initialization
CSS Reset principle:However, do not use any of the styles that are viewed by default.
body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;font-size:12px;}Ol,ul{margin:0;padding:0;list-style:none;}A{text-decoration:none;}Img{border:none;}
Common Reset Code
BODY,DIV,P,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,FORM,INPUT,TEXTAREA,TH,TD
descendants selected by the current DIV element (not including grandson ...). Element P.1. Container>p{2 Color:yellowgreen;3}and set SelectorUse commas to separate multiple selectors. Represents multiple labels in a selected page. Some common elements that can be used with the set selector1/* Set selector */2 h3,a{3 color: #008000; 4 text-decoration:none;5 6}For example, like Baidu Home use set selector.BODY,H1,H2,H3,H4,H5
/plugin.jsConfig.forcepasteasplaintext =false//No removal Whether to force "" instead of "" Plugins/htmldataprocessor/plugin.jsConfig.forcesimpleampersand = false; Format the address label Plugins/format/plugin.jsConfig.format_address = {element: ' address ', attributes: {class: ' Styledaddress '}}; Automatic formatting of div tags plugins/format/plugin.jsConfig.format_div = {element: ' div ', attributes: {class: ' Normaldiv '}}; Automatically format the H1 label Plugins/format/plugin.jsConfig.f
Target :Using pathological information to explore the relationship between TCM syndromes and TNM staging of breast cancer
thinking and Flow :Objective to explore the relationship between TCM syndromes and TNM staging of breast cancer, and adopt Association rules modelAfter confirming the model, the data of the patients ' TCM syndromes and the TNM staging of breast cancer need to be sorted out. The data should be preprocessed, including data cleaning, attribute specification, data transformation,
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.