css+div常用属性备忘录
学习软件设计有一年多了,明年五月就要毕业了。回头看看发现自己其实挺差劲的。最近开通了博客所以就整理了一下笔记,在这里发布一下自己以前学习css时总是记不住去翻书又很常用的属性,都是一些很基础的。大神轻喷。很适合初学者多看看,只做了一点微小的工作 :) 2333css通配符选择符*{}标签选择符p{}...
积累常用css
1、封面文字,垂直居中,可以两列并排 font-size: 20px; font-weight: 600; color: #333; line-height: 20px; display: block; word-wrap: break-word; wr...
css 样式加载次序
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权(本人理解为:先加载1的样式,然后用2的样式覆盖1中的样式,3、4同理)浏览器缺省设置(浏览器默认的样式,不同浏览器的默认值可能不一样)外部样式表(引用的外部css文件,一般的格式为:<link re...
css文件加载:@import和link的区别
刚看了一个百度试题:请简述CSS加载方式link和@import的区别?平时一般都用link,也知道css的加载方式,但还真的没有仔细研究过其之间的差别,查了一些资料,大致总结如下:@impot使用方法:<style type="text/css"><!-- @import ...
26-[Boostrap]-全局css样式,组件,控件
1、全局CSS样式https://v3.bootcss.com/css/<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <!-- 以最高的ie 浏览器 渲...
css样式加载顺序
css样式加载顺序:A:id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式B:如果要让某个样式的优先级变高,可以使用!important来指定:.class1 { color: black !important;}.class2 { color: re...
bootstrap全局css样式
以下从官网抄来的,感觉还是很实用的,运用得好,灵活运用,非常方便快捷,能大大提高开发效率,也为调整不同尺寸的屏幕节省了时间。hidden-xs@media (max-width: 767px){ .hidden-xs { display: none!important; }...
Boostrap入门级css样式学习
1. 自适应网页设计 首先,在网页代码的头部,加入一行 viewport元标签。viewport是网页默认的宽度和高度,<meta name="viewport" content="width=device-width, initial-scale=1">1上面这行代码的意思是,网页宽度...
纯css来画图-border应用
基础知识:Css画图大部分是使用了css中的border来绘画图形,那首先我们就来看下border的基础知识,至于其他的遇到了再讲吧!Border的基础知识:一般我们这样简写:border: 1px solid black;我们也可以分开写成下面的形式:border-width: thick;bor...
[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
reference : http://www.suyunyou.com/aid1657.htmljQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari ...
深入理解之css中的border属性
1、 border-width:不支持不百分比1)受本身的使用场景决定。例子:左边为手机,右边为显示器,但是他们边框的宽度是差不多的,不会因为设备大就让边框宽度变大。2、 border-width:还支持关键字(thin=1px medium=3px thick=5px) 但是border中最常...
关于css中的border
我一直以为css中的border是正方形的 像这样因为我平时用的时候都是 border:1px solid #000,都是同一个颜色所以看不出来当我给每一个边分别设置颜色的时候才发现 他们是以梯形分布的,border中的top right bottom left 是以梯形显示的,如果此时你给div设...
(转载)CSS分别设置Input样式(按input类型)
(转载)http://www.uml.org.cn/html/201207202.asp 当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东...
jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents...
WEB入门三 CSS样式表基础
学习内容Ø CSS的基本语法Ø CSS选择器Ø 常见的CSS样式Ø 网页中3种使用CSS的方式能力目标Ø 理解CSS的作用Ø 掌握CSS基本语法Ø 熟练掌握CSS选择器的定义和使用会使用CSS设置文字样...
css样式水平居中和垂直居中的方法
水平居中(包含块中居中)1. 定宽,左右margin为auto。(常规流块盒、弹性项目[不用定宽])例子:在box1盒子上设置宽,再设置margin:auto;<style> .box1 { width: 200px; height: 200px; ...
HTML css 样式表
CSS样式表2.1、样式表的基本概念2.1.1、样式表分类1、内联样式表和html联合显示,控制精确,但是可重用性差,冗余多。例:<p style="font-size:14px;">内联样式表</p>2、内嵌样式表作为一个独立区域内嵌在网页里,必须写在head标签里边。&l...
网站开发综合技术 第二部分 CSS样式表
第2部分 CSS样式表CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页。/*注释*/ 注释语法2.1、样式表的基本概念2.1.1、样式表分类1、内联样式表和html联合显示,控制精确,但是可重用性差,冗余多。例:<p style="font-si...
CSS分别设置Input样式(按input类型)
当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的:<input type="text" /...
outline轮廓线在不同CSS样式下的表现
outline轮廓线在不同CSS样式下的表现CSS 去除浏览器默认 轮廓外框在默认情况下,点击 a 标签,input,或者添加click事件的时候,浏览器留下一个轮廓外框(chrome之下为蓝色)~ 然而这些默认的轮廓外框,有时候很影响美观,并不是我们想保留的。 我们应如何消除这些讨厌的 轮廓外框呢...