css
关注
分享
扫一扫
一个半路出家的人
半路出家，不要问我出处。
展开
-
用hover操纵同级元素
通过+号来操纵同级元素只能操纵相邻的兄弟元素,也可操纵相邻同级元素的子元素不相邻的同级元素不能操纵<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>hover操纵同级元素</转载 2018-08-14 09:09:41 · 13544 阅读 · 2 评论 -
css字体导入和应用
一,@font-face的使用方法@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，@font-face的语法规则： @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<for...原创 2018-08-29 23:40:04 · 1390 阅读 · 0 评论 -
CSS3 - 设置渐变颜色背景，线性/放射性/循环
渐变就是多种颜色混合而成的效果，css3要实现渐变，就必须使用渐变函数来设置background或则background-imge属性。同时为了兼容各个浏览器（IE，safari，chrome，Firefox），还需要添加对应的带开发商前缀的渐变1，线性渐变a,使用linear-gradient（）函数可以创建渐变<style> #div1 { ...原创 2018-08-28 20:37:20 · 46369 阅读 · 2 评论 -
盒子阴影、精灵技术、滑动门
一，盒子阴影 我们可以设置盒子的阴影效果，可以使盒子更加美观；语法格式box-shadow：水平阴影 | 垂直阴影 | 模糊距离 | 阴影颜色 内/外阴影；h-shadow：必需填写，水平阴影的位置，允许为负值v-shadow：必需填写，垂直阴影的位置，允许为负值blur：模糊距离，可以不必填写 spread：阴影的颜色， inset/outset ...原创 2018-08-28 19:58:50 · 212 阅读 · 0 评论 -
css盒子模型的理解
所谓盒子模型就是把HTML页面的元素看作一个矩形盒子,也将就是盛装内容的容器,每个矩形都市元素的内容,内边距(padding),边框(border),和外边距(margin)组成.border-style的属性值 none:没有边框属性值 solid:边框为单实线(最常用) dashed:边框为虚线 do...原创 2018-08-24 12:14:42 · 2237 阅读 · 0 评论 -
DOM操作Html 和 通过DOM对象改变CSS
DOM 文档对象模型 Document object Model一,DOM操作HTML 1,改变HTML输出流: 注意:绝对不要在文档加载完车后使用document.write().这会覆盖掉该文档 2,寻找元素: 通过id找到HTML元素 通过标签名找到HTML元素 3,改变Htm...原创 2018-08-24 08:42:56 · 1576 阅读 · 0 评论 -
css选择器权重计算
选择器的权重是决定htm样式重要因素,选择器权重的计算是由四个数字决定的:继承或则*贡献值 0,0,0,0 (这四个数字的权重从左到右依次减小)标签元素 0,0,0,1类和伪类 0,0,1,0每个id 0,1,0,0每个行内样式 1,0,0,0每个!important ∞无穷大例题一<!DOCTYPE HTML PUBLIC "-//W...原创 2018-08-23 19:23:48 · 286 阅读 · 0 评论 -
居中! 居中! 居中!
1,行内元素的居中方法:text-align:center:2,对于块元素,margin:0 auto; 前提是这个块元素必须定义宽度;3,有table表格来实现居中4,块装换为行内元素来实现块级元素水平居中5,父盒子,子盒子都采用相对定位,父元素left:50%;子元素left:-50%,相对自己的长度减回了50%,这样实现向右偏移后拉回多的部分6,css3的flexbox...原创 2018-08-27 21:17:00 · 959 阅读 · 0 评论 -
伪类选择器
伪类选择器总共有四种hover 鼠标上移时候的样式visited 鼠标点击过后的样式link 没有点击时候的样式active 点击一瞬间时候的样式原创 2018-08-22 19:12:37 · 536 阅读 · 0 评论 -
css选择器详细讲解
1,元素选择器(标签选择器) p{} h1{}2,选择器的分组: 将选择器的名字用逗号隔开,构成一组选择器 h1,h2{} 同组选择器公用大括号内的样式 特殊选择器的分组*通配符*{}用来初始化 内外边距3,类选择器:.class{} 可以结合元素选择器(标签选择器) a.class{} (结合标签的选择器) .class1.class2{} (多类选择器...原创 2018-08-22 16:51:52 · 426 阅读 · 0 评论 -
html,css元素隐藏于显示
用css隐藏页面元素的方法有很多种,你可以将opacity设为0.visibility设为hidden将display:设为none将position设为absolute 然后将位置设到不可见的区域(不常用)(z-index:1; 盒子重叠 数值大的在最上面 opacity:0.5;透明度为0.5,opacity:1,完全不透明.opacity:0;完全透明)<!d...原创 2018-08-11 13:30:30 · 2682 阅读 · 0 评论 -
css的position属性
Html css position属性 position属性把元素放置在一个静态的,相对的,绝对的,或则固定的位置中.1,第一个属性absolute,绝对定位生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定<!DOCTYPE html>&...原创 2018-08-11 11:49:02 · 12745 阅读 · 0 评论 -
background c3属性
1. 回顾一下之前学习过的background属性 1.1 background-color 1.2 background-image 1.3 background-repeat 1.4 background-position 1.5 background-attchment 1.6 background 2. CSS3新增的bac...转载 2018-10-15 22:07:53 · 454 阅读 · 0 评论