- HTML 简单的
标签 11-25 - HTML基础的
标签 11-25
- 社联党建:关于申领《广州市社会组织学习宣传贯彻党的十 11-25
- 偏门却又实用的 CSS 样式 11-25
- CSS强力技巧,CSS中的几个小tips 11-25
- CSS样式大全 11-25
- 不炫技,SVG/CSS3旋转动画属性就能实现的梦幻效 11-25
- css从入门到放弃(1)——认识css 11-25
- CSS实现炫丽按钮效果! 11-25
- css实现水波按钮效果 11-25
HTML 简单的 标签
发布者: superzhang | 发布时间:2017-11-25实例
<article> 的页眉:
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p> Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的</p>
</article>
浏览器支持
浏览器支持
社联党建:关于申领《广州市社会组织学习宣传贯彻党的十九大精神材料汇编》的通知
发布者: superzhang | 发布时间:2017-11-25全市各社会组织:
党的十九大胜利召开后,广州社联党委按照中央、省委、市委和市民政局党组、市社会组织党委的部署要求,制定了以十九个专项活动为抓手的具体工作方案,组建了广州市社会组织学习宣传贯彻党的十九大精神宣讲团,持续深入推进党的十九大精神学习宣传贯彻工作。
为将党的十九大精神传达到全市各社会组织,把全市社会组织的思想和行动统一到党的十九大精神上来,市社会组织党委和广州社联党委共同编印了《广州市社会组织学习宣传贯彻党的十九大精神材料汇编》,内容包括:习近平总书记在党的十九大上的报告、党的十九大修订后的《中国共产党章程》及一系列学习党的十九大精神的专题文章、评论、报道等。请全市各社会组织积极申领,用党的十九大精神和习近平新时代中国特色社会主义思想武装头脑、指导实践、推动工作,紧密联系实际推动社会组织健康有序发展,为决胜全面建成小康社会,夺取新时代中国特色社会主义伟大胜利作出积极贡献。
部分由小编及网友提供,感谢你们~ 持续更新哦。
::-Webkit-Input-Placeholder
input 的 H5 placeholder 属性,很好用,但不能直接改这个文字颜色,所以目前的解决方法就是用::input-placeholder属性来改。
小Tips: 配合 opacity 属性使用效果更佳哦!
CSS强力技巧,CSS中的几个小tips
发布者: superzhang | 发布时间:2017-11-25元素margin-top、margin-bottom及padding-top、padding-bottom使用百分比单位时,其是相对父元素的宽度width,而不是我们想象的高度height;
2.当含有定位属性元素,top、bottom单位为百分比,该百分比是相对父元素高度height。left、right则是相对父元素宽度width.
CSS样式大全
发布者: superzhang | 发布时间:2017-11-25字体属性:(font)
大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)
行高 {line-height: normal;}(正常) 单位:PX、PD、EM
粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)
变体 {font-variant: small-caps;}(小型大写字母) normal;(正常)
大小写 {text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
修饰 {text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除
不炫技,SVG/CSS3旋转动画属性就能实现的梦幻效果
发布者: superzhang | 发布时间:2017-11-25作者:泱泱
原文地址:https://juejin.im/post/5a150fc06fb9a0451e3f7042
CSS3的动画相关的基础的属性基本都涉猎过了,个人认为,其中最复杂的是 d:path() 路径变形动画,超过3D,而位移、轨迹、旋转、缩放、斜切什么的,相对简单一些,但作为非动画设计师而言,灵活的掌握这些基本的动画加以无穷无尽的变换,就已经能做出很多华丽丽的效果了,这篇呢,源于做一个练习时,AI的连续旋转复制功能,试着做了几个动效,简单、省时、高效,最主要的是用到CSS3的 transform:rotate() 旋转属性,辅以位移和缩放。
###1.最基本的旋转动画
下面这张效果图,粗通AI的设计师小伙伴们一定都不会陌生,在AI里面就是 ctrl+D 连续复制的体力活。
单色选择复制效果
如果把连续旋转复制转成CSS3语言,也是极简单的。来分析一下上面的图形,我做的时候每次旋转的角度为10度,就意味着有36
css从入门到放弃(1)——认识css
发布者: superzhang | 发布时间:2017-11-25如果你看完了我的html从入门到放弃还没决定放弃的话,那么恭喜你成功熬到了css教程,其实也算不上教程,这些也都是我在学习前端的时候,做的一些笔记,也是为了方便自己以后查阅。
首先介绍一下css,css又称网页样式表,打个比方就是html相当于房子的建了一座房子,而css就是装修
举个栗子
这是有css的网页
这个是去掉css样式的网页
ok,css介绍完成以后,接下来开始贴代码
CSS实现炫丽按钮效果!
发布者: superzhang | 发布时间:2017-11-25实现效果:
HTML结构:
基础样式:此时只是一个白色的正方形。
利用伪类添加内置阴影效果:
主要理解思路,对伪元素伪类有一个更好的理解
代码:
