css 开发 手册
文章平均质量分 82
包含css系列文章,开发demo
腾讯AI架构师
主要涉及领域 docker kubernetes 云原生技术,AI平台,大数据架构,python,分布式微服务,自动化运维
展开
-
CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
选择器优先级、值和单位、字体、文本属性、替换元素、非替换元素、行内元素、块级元素、元素显示display、边距 边框、颜色 背景、浮动、定位、表布局、单元格、列表、光标、轮廓/* 选择器优先级: !important标记的样式 > 内联样式(style属性) >id选择样式(#获取) > 属性选择 ([title="da"]) > 标签选择 div p > 通配符* */原创 2017-08-08 20:08:45 · 3495 阅读 · 0 评论 -
css系列教程1-选择器全解
/* 选择器 选择器总是从左至右解析,不要私自添加()优先运算 */h2{ /* 标签选择 */}p,h1{ /* 使用逗号实现元素合集 */}div h1,div h2{ /* 使用空格实现后代元素(子元素和子原创 2017-08-08 20:04:14 · 2825 阅读 · 0 评论 -
一个demo学会css
一个demo学会css css选择器全解 css操作语法全解一个demo学会css:学习了css权威指南这本书,自己喜欢边学边总结边写demo,所以写了这篇文章,包含了大部分的css编程知识。让你一个demo掌握css编程,如果有问题可以留言。 此demo主要包括index.html和index.css、index1.css文件index.html文件为一个简单的演示页面。讲述了在html元素原创 2017-08-03 19:45:27 · 9298 阅读 · 0 评论 -
css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >
全栈工程师开发手册 (作者:栾鹏)css系列教程1—选择器全解css基本选择器包括id选择器,class选择器,标签选择器,*通配符选择器,以及使用逗号实现查询集合,空格实现查询后代,>实现查询子元素,+实现查询后续同胞元素, 代码如下:h2{ /* 标签选择 */}p,h1{原创 2017-08-30 08:31:17 · 3544 阅读 · 0 评论 -
css属性选择器,[],=, ~=, ^=, ~=, $=, |=等符号含义
全栈工程师开发手册 (作者:栾鹏)css系列教程1—选择器全解css属性选择器包括[]是否有某属性,=属性是否等于,~=属性不等于,^=属性值以指定字符串开头,$=属性值以指定字符串结尾,*=属性值等于指定字符串,|=属性值以指定字符串为前缀。 代码如下:p[attribute1][attribute2]{ /* [] 属性选择器,表示具有某种属性的所有元素,多个参数表示同时具原创 2017-08-30 08:36:15 · 9356 阅读 · 1 评论 -
css3常用动画大全:translate、scale、opacity、rotate
/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadeinT,.a-fadein原创 2017-08-31 20:39:55 · 4470 阅读 · 0 评论 -
css伪元素选择器,first-letter、first-line
全栈工程师开发手册 (作者:栾鹏)css系列教程1—选择器全解css伪元素选择器伪元素选择器,用于选择元素内的局部,包括first-letter、first-line等代码如下:p:first-letter{ /* first-letter行内元素首字母 */}p:first-line{ /* first-原创 2017-08-30 08:43:03 · 3227 阅读 · 0 评论 -
前端动画大全:css的transition、css3的animation、Jquery的animate、js的setInterval
前端制作动画的几种方式(css3,js)制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: property duration timing-function delay;prope原创 2017-08-30 10:36:12 · 3527 阅读 · 0 评论 -
css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
全栈工程师开发手册 (作者:栾鹏)css系列教程1—选择器全解css伪类选择器伪类选择器用于表达在某种状态下的元素。 包括:link、:visited、:focus、:hover、:active、:first-child, 代码如下:a:link{ /*link表示未访问过的超链接*/}a:visited{ /*vi原创 2017-08-30 08:40:56 · 3511 阅读 · 0 评论