Emmet gracefully builds the Html skeleton

Emmet gracefully builds the Html skeleton

I once saw an academic who entered a strange code on PHP-Storm. When he pressed the Tab key, something magic happened. If HTML is also a programming language, it is privately thought that Html will be the most popular programming language we have come into contact with.Someone may not know what HTML (Hypertext Markup Language) is, but when he first opened the web browser to browse the web in his life, he and the HTML began to humble.... But when he didn't know it was very colorful. Behind the web page is the silent support of the HTML language; HTML+JS+CSS is the front-end three languages.If we compare web pages to humans, HTML gives people skeletons, CSS unknowns give flesh and blood, even clothes and clothing, and JS gives him the soul of sports. This article starts with HTML. The basic knowledge of HTML is beyond the scope of this article. You know, Google.Here, I mainly talk about how to quickly build up the skeleton of HTML. Thinking of HTML as a skeleton is not my whim. I'm just telling myself to write HTML pages with a sense of framework.It goes without saying that my previous HTML code was patchwork.Wherever it

Multi-engine search box with auto-hint support

Multi-engine search box with auto-hint support

Algorithm language Technical application 3 years ago (2015-12-30) Views: 6 Comments: 0

After using the online open-source navigation station source code to create my navigation page "hundred yuan navigation", I always feel that it lost a very important thing in the navigation site - the search box.So the extremely guest has added the function of the search box for their navigation station, supports Baidu search, good search, geek search, CSDN search, dandelion PT search, etc. (can easily increase the code expansion), in addition to the site interface using the online code, The js code of the logic processing part is entirely realized by me. Html code: The following is the html part of the search box interface, CSS is not posted below, if you need to leave a message: Javascript code To think of the search box as supporting multi-search engine switching, you first need to grasp the URL parameters of the search engine's search keywords, and check that there are several GET parameters (search engines generally use GET values). For example, the following is the search engine search for Wang Baiyuan’s The URL of the blog's results page: https://www.baidu.com/s?ie=UTF-8&wd=%E7%8E%8B%E6%9F%8F%E5%85%83 ?Ie followed by the encoding format, wd is followed by the URLEncode encoding of the searched keyword. So just make a form,

Add Baidu's seal to the top right of the web page

Add Baidu's seal to the top right of the web page

Algorithm language 4 years ago (2015-03-22) Views: 8 Comments: 0

There is an article in Wang Baiyuan’s blog that describes how to use PHP to determine whether an article is included in Baidu. The results of a friend who may try to see his own display are not the same as those of my personal blog.Next, we will introduce to you the automatic judgment of whether the website page is indexed by Baidu through PHP, and whether the current page of the site manager is prompted by Baidu to be included in the stamp suspension method, and provide the stationmaster with a quick submission of the current page to the entrance of Baidu, every time. You can manually submit new articles to Baidu when the page is published.   In the top right of my blog post I added a watermark similar to the "Baidu Icon", with a transparent suspension effect, similar to the forum's "Everything" stamp effect.This effect is not only more cool, it can also attract the attention of visitors, and you may click to submit to Baidu unaccepted pages without your knowledge.Here's how to realize this exactly. First, add PHP to determine whether the article is Baidu included code Please refer to my previous article "PHP implementation

Css3 rounded border and border shadow examples

Css3 rounded border and border shadow examples

Algorithm language 4 years ago (2014-12-06) Views: 6 Comments: 0

Border-radius Adds rounded borders to elements, in css3.IE9+ chrome safari5+ firefox4+ now support.You can set borders for input divs, etc.Similar to border, it can be set together with four corners, or it can be set separately. 1. Rounding effect Effect demonstration: Css3 rounded border and border shadow example - Wang Boyuan's blog grammar: code show as below: Set the value of each radius in top-left, top-right, bottom-right, bottom-left order.If bottom-left is omitted, it is the same as top-right.If bottom-right is omitted, it is the same as top-left.If top-right is omitted, it is the same as top-left. Example 1: code show as below: Equivalent to: code show as below: Example 2: code show as below: Equivalent to: code show as below:  Shadow effect Effect demonstration: Css3 rounded border and border shadow example - Wang Boyuan's blog Box-shadow Adds one or more shadows to the box.IE9+, Firefox 4, Chrome, Opera, and Safari 5.1.1 support the box-shadow property. grammar: code show as below: H-shadow, v-shadow must.Horizontal, vertically shaded position.Allow assignment.Blur optional, fuzzy distance.Spread optional, the size of the shadow.Color optional, the color of the shadow.Inset is optional, changing the outer shadow (outset) to inner shadow. example: code show as below:

登录

Forget password?

您也可以使用第三方帐号快捷登录

切换登录

注册

TW