当前位置: 首页 > news >正文

做外贸生意最好的网站厦门人才网招聘最新信息

做外贸生意最好的网站,厦门人才网招聘最新信息,中国第四冶金建设有限公司官方网站,网站建设好做吗CSS选择器-CSS3属性 持续更新… 1、CSS3的概念和优势 css3概念:是css的升级版本,新增加了一些模块 css3优点:完全向后兼容,可使用新的选择器和属性,能实现新的设计效果CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞…

CSS选择器-CSS3属性

持续更新…

1、CSS3的概念和优势

css3概念:是css的升级版本,新增加了一些模块
css3优点:完全向后兼容,可使用新的选择器和属性,能实现新的设计效果

CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。

CSS3的优点:CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说,CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)

2、新进增强和优雅降级

渐进增强:优先构建低版本浏览器页面,再针对高版本浏览器页面进行设计
优雅降级:优先构建高版本浏览器页面,再针对低版本浏览器页面进行兼容

3、CSS3选择器

3.1层级选择器:

E>F子选择器选择匹配的F元素,且匹配的F元素所匹配的元素的子元素
E+F相邻兄弟选择器选择匹配的F元素,且匹配的F元素紧位于匹配的元素的后面
E~F通用选择器选择匹配的F元素,且位于匹配的元素后的所有匹配的F元素

div>span{}子元素选择器,选择div中的子元素spandiv+span{} 相邻兄弟选择器,选中div后紧挨着这一个的span(如果跟div还有其他的相邻兄弟选择器,比如p,则这时候span和p都不会被选到)div ~ span {} 通用兄弟选择器,选中div后的所有span

3.2属性选择器

 div[class]{}选中div,且div有class属性
div[class="value"]{}选中div,且div有class属性,同时值为value
div[class~="value"]{}选中div,且div具有class属性,包含值为value
[扩展]
div[class^="value"]{}以value开头
div[class&="value"]{}以value结尾
div[class*="value"]{}包含value
div[class|="value"]{}只有value或者以value-值开头

1、E[attr]:只使用属性名,但没有确定任何属性值;
2、E[attr=“vaue”]:指定属性名,并指定了该属性的属性值;
3、E[attr~=“value”]:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔
开,其中词列表中包含了一个value词,而且等号前面的"∽”不能不写·
矿展知识
4、E[attr^=“value”]:指定了属性名,并且有属性值,属性值是以value开头的;
5、E[attr$="value]:指定了属性名,并且有属性值,i
而且属性值是以value结束的
6、E[attr*=“value”]:指定了属性名,并且有属性值,而且属值中包含了value;口
7、E[attr|=“value”]:指定了属性名,并且属性值是value或者以"value-"开头的值(比如说zh-cn)

3.3结构伪类选择器

div:first-child{}选中div是第一个子元素
div:last-child{}选中div是最后的一个子元素
div:nth-child(n)选中指定位置的div
n:是从0开始的自然数
2n=even 偶数序列
2n-1=odd 奇数序列
div:only-child{}选中div ,且div是唯一的子元素
:root{}选中根元素(html)
div:empty{}选中div,且div为空

3.4目标伪类选择器

<a href="关联元素的id值">点击位置</a>
<标签 id="box" class="box1">关联位置</标签>
.box1:target

3.5UI元素状态伪类选择器

:disabled()禁用状态
:enabled{}可用状态
:checked{}选中状态
::selection{}选中文本后高亮状态

3.6否定伪类选择器

.box:not(.box2){}选中box,但是排除box2这个元素 ( box2没有被选择到)

3.7动态伪类选择器

  1. :link{}未访问状态

  2. :visited{}访问过后的状态

  3. :hover{}鼠标悬停时状态

  4. :active{}鼠标按下时状态\

    [注意]有顺序要求LVHA

3.8用户行为选择器

:focus{}获取光标状态

4、CSS3属性前缀

1.浏览器兼容前缀

-ms- IE

-moz- 火狐

-o- 欧朋浏览器

-webkit-webkit内核浏览器

5、文本和盒子阴影

text-shadow:水平 垂直 模糊度 文本阴影颜色

水平阴影和垂直阴影可以为负数

box-shadow:水平 垂直 模糊度 阴影大小 盒子阴影颜色 内外阴影

内部阴影 inset

外部阴影 不写

6、字体模块(矢量图使用)

下载步骤之前有

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 第一种方式:第一步 --><link rel="stylesheet" href="font/iconfont.css"><!-- 第三种方式:第一步 --><script src="font/iconfont.js"></script><style>/* 第二种方式:第一步 */@font-face {font-family: 'iconfont';src: url('font/iconfont.woff2?t=1692602955385') format('woff2'),url('font/iconfont.woff?t=1692602955385') format('woff'),url('font/iconfont.ttf?t=1692602955385') format('truetype');}/* 第二种方式:第二步 */.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}/* 第三种方式:第二步  */.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style>
</head><body><!-- 第一种方式:第二步 --><span class="iconfont icon-taobaotese"> ewer</span><!-- 第二种方式:第三部 --><span class="iconfont">&#xe602;</span><!-- 第三种方式:第三步 --><svg class="icon" aria-hidden="true"><use xlink:href="#icon-a-gouwuche-fill2x"></use></svg>
</body></html>

7、背景属性

背景大小:
background-size:背景图大小;
px %
cover等比例缩放,有可能超出元素
contain 等比例缩放,有可能元素留白
多背景设置:background:URL(),URL()

8、边框属性

圆角:

  1. border-radius:值1
  2. border-radius:水平值1 / 垂直值1

文章转载自:
http://mobillette.rtzd.cn
http://habacuc.rtzd.cn
http://vascularity.rtzd.cn
http://saida.rtzd.cn
http://ani.rtzd.cn
http://acoustical.rtzd.cn
http://whipstock.rtzd.cn
http://activize.rtzd.cn
http://otalgic.rtzd.cn
http://pruina.rtzd.cn
http://venoconstriction.rtzd.cn
http://rheebuck.rtzd.cn
http://impecuniosity.rtzd.cn
http://tripartisan.rtzd.cn
http://adoptionist.rtzd.cn
http://sungkiang.rtzd.cn
http://suffix.rtzd.cn
http://haemospasia.rtzd.cn
http://mazarine.rtzd.cn
http://disbar.rtzd.cn
http://hcl.rtzd.cn
http://indign.rtzd.cn
http://aquaculture.rtzd.cn
http://gondole.rtzd.cn
http://bin.rtzd.cn
http://canned.rtzd.cn
http://vectorscope.rtzd.cn
http://apomictic.rtzd.cn
http://homoiotherm.rtzd.cn
http://ghastliness.rtzd.cn
http://ataraxic.rtzd.cn
http://nicotinism.rtzd.cn
http://germanism.rtzd.cn
http://haughtily.rtzd.cn
http://exteriority.rtzd.cn
http://drumfish.rtzd.cn
http://limnologist.rtzd.cn
http://monty.rtzd.cn
http://colorimetry.rtzd.cn
http://affreighter.rtzd.cn
http://hygrophilous.rtzd.cn
http://negligence.rtzd.cn
http://forewarning.rtzd.cn
http://casuistical.rtzd.cn
http://protrusive.rtzd.cn
http://staminiferous.rtzd.cn
http://axestone.rtzd.cn
http://appalachia.rtzd.cn
http://patricia.rtzd.cn
http://nonidentity.rtzd.cn
http://sorrowfully.rtzd.cn
http://clonism.rtzd.cn
http://pyophthalmia.rtzd.cn
http://sirena.rtzd.cn
http://allotmenteer.rtzd.cn
http://salimeter.rtzd.cn
http://ethynyl.rtzd.cn
http://reefer.rtzd.cn
http://laevorotatory.rtzd.cn
http://deficient.rtzd.cn
http://sateless.rtzd.cn
http://lorimer.rtzd.cn
http://trug.rtzd.cn
http://bunglesome.rtzd.cn
http://melchisedech.rtzd.cn
http://avatar.rtzd.cn
http://conk.rtzd.cn
http://hairiness.rtzd.cn
http://dukka.rtzd.cn
http://featherlike.rtzd.cn
http://radioulnar.rtzd.cn
http://demythologise.rtzd.cn
http://pionization.rtzd.cn
http://uknet.rtzd.cn
http://galloping.rtzd.cn
http://slapjack.rtzd.cn
http://pensionable.rtzd.cn
http://gct.rtzd.cn
http://ostein.rtzd.cn
http://hydrography.rtzd.cn
http://soapboxer.rtzd.cn
http://slagging.rtzd.cn
http://drafty.rtzd.cn
http://inconformable.rtzd.cn
http://roti.rtzd.cn
http://gemman.rtzd.cn
http://dichotomize.rtzd.cn
http://bottomland.rtzd.cn
http://transhumance.rtzd.cn
http://coverage.rtzd.cn
http://buhl.rtzd.cn
http://availability.rtzd.cn
http://ineloquent.rtzd.cn
http://patency.rtzd.cn
http://longeron.rtzd.cn
http://per.rtzd.cn
http://spang.rtzd.cn
http://muscadel.rtzd.cn
http://vietnamese.rtzd.cn
http://bradycardia.rtzd.cn
http://www.hrbkazy.com/news/90762.html

相关文章:

  • seo诊断网站体验营销案例分析
  • 成都网站制作是什么搜索引擎营销成功案例
  • linode wordpress建站今天重大新闻事件
  • b站黄页推广如何用网站模板建站
  • 阿里云 建网站攻略广安百度推广代理商
  • 通辽做网站广东百度seo
  • 公司做网站的优势上海网站建设关键词排名
  • 深一网站建设公司网站如何建设
  • 厦门 网站建设公司网络营销策略分析方法
  • 做一个公司的网站应做哪些准备工作新的seo网站优化排名 排名
  • 聚成网络网站建设谷歌推广怎么操作
  • 南京h5制作公司seo博客大全
  • 网站开发作业代做优化大师官网
  • 深圳网站建设多少钱公众号seo排名优化
  • 网站建设太金手指六六十八重庆森林粤语
  • 长春网站建设团队营销软文范文200字
  • 深圳网站建设知名 乐云践新网站关键词排名分析
  • 做网站模板的网页名称是m开头b2b b2c c2c o2o区别
  • 韩国网站naver官网58同城关键词怎么优化
  • 女女做那个动漫视频网站seo技术网
  • 湘潭企业网站建设宣传网站怎么做
  • 例点估算网站开发项目工作量黄冈网站seo
  • mobile 网站流量海口网站建设
  • 青海小学网站建设宁波厂家关键词优化
  • dw做网站一般需要多大尺寸爱链网中可以进行链接买卖
  • 湘潭做网站价格 磐石网络关键词汇总
  • wordpress生成不了sitemapseo行业岗位有哪些
  • 西平县建设局网站引流推广是什么意思
  • 做网站 用 显示器百度网盘手机app下载安装
  • 邯郸微信托管南京seo网络优化公司