CSS div斜线倾斜45度 div的样式: .line-div{width: 12rem;height: 4rem;border-bottom: 0.15rem solid #dcdcdc;/* border: 2px so
原创
2023-04-28 15:41:20
777阅读
1、ID 选择符 > 类选择符 > 元素选择符。特指度高的优先级高 2、行内样式 > 内嵌样式 > 链接样式 3、设定的样式 > 继承的样式 特指度的计算: 特指度能够若选择符中有
转载
2019-04-07 17:40:00
106阅读
2评论
目标 :将百度首界面静态实现,实现以下效果.效果:代码:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度一下, 你就知道</title> <link rel="shortcut i...
原创
2022-03-10 13:34:35
89阅读
目标 :将百度首界面静态实现,实现以下效果.效果:代码:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度一下, 你就知道</title> <link rel="shortcut i...
原创
2021-09-01 10:56:59
126阅读
jQuery+CSS3产品360度预览特效是一款汽车图来作为产品图片,通过拖动产品图片或滑块可以连续的修改汽车图片帧,形成产品360度旋转的特效。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1219.html
原创
2022-02-23 11:46:34
244阅读
CSS在网页设计中扮演着举足轻重的角色,尤其是CSS3和HTML5的出现,让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击。今天我要给大家推荐几个最新CSS佳作,虽然本人没有设计头脑,但还是懂的怎么去欣赏的,下面就一起来欣赏这几个设计吧,希望大家能够喜欢,更重要的是能在遐想中找到设计的灵感。 1) eFrog Themes 2) Forward Slash Designs 3) Doopsuiker Poppies 4) Court Right Design 5) Made by Chip Munk 6) Kiki and Bree 7) Clear Web Solutions 8
转载
2013-12-03 20:17:00
64阅读
2评论
@media screen and (orientation : landscape) { html { width: 100vh; height: 100vm; transform: rotate(90deg); transform-origin: 50vw 50vw; }}
原创
2022-07-18 10:19:05
415阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习 网站导航</title> <style> *{ margin:0; pad
原创
2021-07-05 13:38:19
186阅读
单个选择器的特指度按照 !important > id选择符 > class选择符、属性选择符和伪类 > 元素选择符和伪元素的规律排序,如果遇到组合选择器,则按其逻辑将其拆分为单个选择器后相加再进行判断。如果选择器中的声明包含了!important,则这条属性会覆盖同属性所有不包含了!important的声明,只有在同属性的声明也包含!important,并且同属性的声明位于的选
推荐
原创
2021-04-27 11:17:59
1304阅读
点赞
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/D
原创
2022-11-24 23:40:32
54阅读
CSS3实现苹果产品图片360度旋转,本效果没有使用id只是应用了class,所有元素的处理都是通过使用兄弟选择符和结构性伪类选择符(nth-of-type(n))来实现。虽然不能象javascript那样的灵敏,但是可以应用在ie9,请注意不要在IE8下测试。<!DOCTYPE HTML><html lang=zh-cn><head><meta char
转载
精选
2014-07-11 10:01:42
286阅读
单个选择器的特指度按照 !important > id选择符 > class选择符、属性选择符和伪类 > 元素选择符和伪元素的规律排序,如果遇到组合选择器,则按其逻辑将其拆分为单个选择器后相加再进行判断。如果选择器中的声明包含了!important,则这条属性会覆盖同属性所有不包含了!important的声明,只有在同属性的声明也包含!important,并且同属性的声明位于的选
转载
2021-01-29 09:11:27
318阅读
2评论
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>css画9
原创
2023-03-23 15:51:40
465阅读
图片请自行寻找html页面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> <link rel="shortcut icon" href="https://www.baidu.com/...
原创
2021-09-01 15:58:03
1253阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <
原创
2022-12-21 11:40:46
141阅读
接下来的这一节我计划解说的是超链接和列表的样式,然后我们做出一个导航栏出来,事实上导航栏是很常见的,可是我们这里做得这个有点并不那么完好,等我们学完了css之后再完好它。**************超链接*************1.我们讲伪类的时候已经讲到了,一个超链接能够有link(正常状态)、...
转载
2014-10-03 19:34:00
57阅读
2评论