腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

xingoo, 一个梦想做发明家的程序员

专栏作者

805

文章

898969

阅读量

80

订阅数

【前端开发系列】—— CSS3属性选择器总结

想想自己为什么要学CSS，作为一个开发过前端的人员来说，调试一个图片花了半天的时间，最后发现分隔符用错了，实在是一件很丢人的事情。因此，痛下决心来学习CSS，最近一周也会更新下相关的学习笔记。　　CSS3中使用了很多的属性选择器，通过这些属性选择器，可以根据我们自己的设计来定义元素的样式，制作精美的网页。 CSS3属性选择器下面是CSS3的属性选择器的语法，及使用。元素名字[元素类型=“类型名字”]：选择器名字{ 属性：值；属性：值； } 　　在元素类型匹配时，就可以使用类似正则的匹配

2018-01-18

7010

CSS布局那点事儿

图像处理 css

布局最开始老的一代网站开发，布局都是通过表格实现的。这样可以形成规整的网格布局，但是也会带来一定的复杂性。比如想要新增某个页面元素，就有可能要改动整个表格，添加很多无用的行或者列。后来，衍生出不少的CSS框架，他们屏蔽了底层的css语法，只需要按照特定的使用方式就能实现网格布局。这样对于开发者来说，好处自然是方便了；但是也带来了一定的麻烦，比如网格如果不符合用户的应用场景，需要自定义扩展，这就麻烦了；再比如作出的网站不易调试；网站需要引入额外的文件等等。总的来说，还是利大于弊吧，不然bootstra

2018-01-17

8040

CSS定位之position详解

position属性在前端中，position是很常见的属性。通过这个属性可以调整dom元素在浏览器中显示的位置。它有几个常用的属性： static 默认值。通常是在覆盖absolute或者relative样式时使用。 relative 相对定位。相对于原本自己的位置，其他的元素样式不会发生改变。 position 绝对定位。相对于最近的一个应用absolute或者relative的父元素，然后相对这个元素进行定位。 fixed 相对浏览器定位。 inherit 继承父样式。其中relative、po

2018-01-17

7510

CSS 之选择器

选择器类型选择器也叫做元素选择器和简单选择器，可以根据元素标签指定样式。 p { color:red; } 类选择器一般用于某些同类型的样式。 .xxxClass{ } <div class="xxxClass"></div> ID选择器为特殊的元素，指定类型 #xxxId{ } <div id="xxxId"></div> 后代选择器在某个选择器后，选择指定规则的后代，为其指定样式 div p { } 伪类选择器为某些特殊的元素，在某些条件时，指定样式。比如，链接的link和visi

2018-01-17

4680

利用CSS制作脸书

很多网站都支持图片上的头像框识别，鼠标在头像框处，会提示一些人物信息。这次就利用CSS实现这样一个功能： div处主要包括两部分，一部分是图片；另一部分是链接以及脸框 <div class="remote"> <img src="war.jpg" width="900" height="600" alt="I love warcraft"/> <ul> <li class="卡加斯"><a href="" title="卡加斯"><span class="hotsp

2018-01-17

6990

利用CSS制作脸书

很多网站都支持图片上的头像框识别，鼠标在头像框处，会提示一些人物信息。这次就利用CSS实现这样一个功能： div处主要包括两部分，一部分是图片；另一部分是链接以及脸框 <div class="remote"> <img src="war.jpg" width="900" height="600" alt="I love warcraft"/> <ul> <li class="卡加斯"><a href="" title="卡加斯"><span class="hotsp

2018-01-17

7740

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态