The rookie contacted Baidu, hoping for your guidance! ! _html/css

The rookie contacted Baidu, hoping for your guidance! ! _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:26:42

Original

1331 people have browsed it

菜鸟联系百度，希望大家指导！！目前在学习html和css，页面中有交互行为的都不涉及，目前的计划就是将页面给拼出来。。

首先对可能会看完我写的代码的大神们表示感谢：

以下代码为图片中用红线框住的部分（ps：太弱了，这么点写了好久）

百度新闻页

百度新闻无线版百度首页登陆注册

The effect of the above code is as follows:

Tell me Problems I encountered:
(1) My hover attribute of the a tag is useless. I am very confused and don’t know the reason.
(2) The width of the input tag under the form is measured in ps. , but the effect always feels wrong.
(3) How do you write the small vertical lines in Help, Advanced Search, and Settings? I have a problem. .

Thank you. . .

Reply to the discussion (solution)

1. No problem found
2. To develop good habits when defining css, define it at the beginning: *{ margin:0;padding:0;} Otherwise, different control browsers have default spacing, causing the display effect to be different from the width and height you actually define.
3. The small vertical line is the key above enter on the keyboard. Press the shift key to get it out.

1: The first question
Could it be .tab ul li a:hover{border-bottom:4px solid #336699;} This is covered. You can view it with IE F12
2: You can make a rough estimate, and then slowly adjust it

As long as it looks good, it doesn’t seem to be a problem
Do more effects on the front end to automate the picture Button carousel. . . .

As long as you can show off, it looks fine.
Make some more effects on the front end and automatically rotate the image button. . . .

en, in contact

It’s ok if you can show off. It doesn’t seem to be a problem.
Make some more effects on the front end and automatically rotate the pictures with buttons. . . .

en, being contacted
I don’t understand what is being contacted
It is recommended to find some jquery effects online, there are ready-made carousel effects
Otherwise, you can use bootcss.com, this Beautifully done too