![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
hahaL_
这个作者很懒,什么都没留下…
展开
-
html转译字符
转译字符在html中如果需要展示<或>或&等特殊符号时,不要直接用,否则会被浏览器误认为是一个标签,需要使用html中的转译字符<;显示小于号>;显示大于号 ;表示非换行空格(英文空格)&emsp;表示中文全角空格&;表示&符号©;表示©符号...原创 2019-10-16 21:06:36 · 441 阅读 · 0 评论 -
html标签(行元素,块元素,行内块元素)
html标签块元素h1~h6:标题标签,用于标记网页中的大标题,依次从大到小p:用于标记网页中的段落性文字,默认占满横向区域行元素行内块元素img:用于标记网页中的图像 ,有属性src:图片资源路径 ,alt:提示信息 当图片加载失败 ,以指定文本形式代替图片显示a:标记网页中的超链接,点击可以打开或者跳转到另一个网页,也可以链接到一个要下载的文件,有属性href:要...原创 2019-10-16 20:59:51 · 17425 阅读 · 0 评论 -
css样式
css样式样式表中是由多个样式名和样式值组成使用的所有的标点符号都是在英文状态下的也可以设置行内样式<p style="color:red;">你好</p>color:颜色;用于设置标签字体颜色,rgb(红,绿,蓝)表示三原色,红绿蓝,范围0~255font-size:~~px;用于设置字体大小font-weight:100~900,bold指700;用于设...原创 2019-10-16 20:56:48 · 158 阅读 · 0 评论 -
动画
过渡动画css样式发生变化时,默认直接变化,没有过渡的效果过渡效果transition-property:all;表示哪些样式可以参与过渡效果,默认为all所有样式transition-duration:~s;过渡动画持续的时间transition-timing-function:ease先快后慢 ,linear匀速,ease-in先慢后快,ease-out先快后慢,ease-in-...原创 2019-10-16 20:50:56 · 154 阅读 · 0 评论 -
布局(浮动)(弹性布局)(圣杯布局)
浮动布局float浮动:left左浮动,right右浮动,元素浮动之后会脱离原来的文档流,参与浮动文档流,在浮动文档流中块元素也是横排布局,宽度也不再是100%cursor:pointer;鼠标样式clear:both;最基本清除浮动的方法,是在最后一个元素后边添加一个元素,设置这个元素的clear为both在不添加新元素的情况下清除浮动:浮动的元素都会有一个父物体,可以为父物体添加一个后...原创 2019-10-16 20:50:38 · 1322 阅读 · 0 评论 -
css选择器
css选择器查找指定的标签,编写标签的css样式css结构:如下图标签选择器:直接通过标签名称找到所有指定的标签p{ 样式...}id选择器:格式#id值,选中页面中的id值为xxx的标签元素,id是唯一的#XXX{ 样式...}class选择器:格式.class值,选中页面中class值为xxx的标签元素,class可以是多个.xxx{ 样式...}...原创 2019-10-16 20:49:47 · 184 阅读 · 0 评论 -
bootstrap
Bootstrap,中会对某些标签进行样式初始化,会覆盖html标签原有的样式原创 2019-10-16 17:06:25 · 135 阅读 · 0 评论 -
媒体查询和响应式页面
@media 设置媒体查询,设置一些样式仅在某些条件下生效max-width:~px;当窗口宽度小于 ~时媒体查询就是响应式页面基础原创 2019-10-15 20:29:34 · 247 阅读 · 0 评论 -
viewport视口设置
html基本模式viewport,视口设置,PC端浏览器会自动忽略这行代码,移动端浏览器会根据这行代码对页面视口进行设置width=device-width,设置视口宽度为设备屏幕宽度initial-scale=1.0,设置视口默认缩放比例,1.0表示不缩放user-scalable=no,设置页面不允许用户进行缩放默认情况下,移动端浏览器在打开网页时为了显示全部内容,会将页面进行缩小...原创 2019-10-15 16:47:54 · 413 阅读 · 0 评论 -
字体图标库和自定义字体
字体图标库先在head里边引入图标库核心css文件使用字体图标库,添加class属性值使用字体图标库可以手动设置大小,颜色—————————————————————————————————————————————————————————————自定义字体先在网站上下载字体先声明加载字体@font-face{ /* font-family 自定字体名称 */ font-fam...原创 2019-10-15 16:45:25 · 185 阅读 · 0 评论 -
外边距重叠问题
1.两个标签外边距重叠,优先保留最大值如下图中间边距取最大值100px2.子标签设置外边距不会和父标签相邻标签的外边距产生冲突给子标签设置100px的下边距,相邻标签的边距依然是50px...原创 2019-10-15 09:46:59 · 159 阅读 · 0 评论 -
html基本模板
(1). html基本模板,基本标签,转译字符基本模板注释 :<!-- -->(Ctrl+?/) 对代码的解释,注释部分的信息不会被浏览器解析渲染使用!表示比较重要的信息<!-- DOCTYPE DOC document文档 type类型--><!-- !DOCTYPE html 表示声明当前文档类型为HTML类型,这种声明是HTML5之后出现的一种新的声...原创 2019-10-10 15:47:54 · 4740 阅读 · 1 评论 -
定位方式
定位方式一个元素如果脱离了文档流,就不再参与流式布局,父元素中也不再有它的位置,块元素脱离文档流之后,宽度默认不在为父元素的100%,需要主动设置宽度html中所有的标签默认都为static定位,static采用的就是流式布局:static 静态定位,元素的默认定位方式,进行流式布局1.margin:0 auto;定宽居中2.position:fixed;设置固定定位fixed...原创 2019-10-11 11:42:27 · 170 阅读 · 0 评论