tnblog
首页
视频
资源
登录

css样式标签

2193人阅读 2019/10/28 21:40 总访问:3397 评论:0 收藏:0 手机
分类: 璃殇cs

css中的选择器包括:

1、ID选择器:#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
通配符选择器:* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

2、类名选择器 :< div class=“nav”> 这个 div 的名字就是nav, nav就是div,这个div也是nav

W3C标准规定,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。

3、类选择器(class) 好比人的名字, 是可以多次重复使用的

css中的文字样式属性:

1、font-size:字号大小,推荐使用的属性为像素

2、font-famliy:字体样式,网页中常用的有“微软雅黑,黑体,宋体,仿宋”,同时使用多个字体时在引号外用逗号隔开

eg:div{font-family:"仿宋","微软雅黑"}

3、font-weight:字体粗细,normal表示正常;bold表示加粗,效果与b,strong效果相同;同时也可以用

100-900之间100的倍数表示粗细,其中400表示正常,700表示加粗

4、font-style:表示字体风格样式,与其有相同效果的有i和em,但i和em在css中没有语义,其中

normal表示其正常,italic表示其倾斜

5、font综合:font用于对字体样式的综合设置,先书写字体风格样式,后字体粗细,然后是字体大小,最后是字体的样式

不能将位置颠倒,且其中的字体大小和自已样式不能忽略,而字体粗细和字体风格样式可以忽略不写

书写格式如下:

选择器{font:style weight size family}

评价

css弹性盒子,flex布局

css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就不行displa...

css图片和文字对齐问题

文字和图片写到一排经常会出现对不齐的问题 这样感觉图片会上来一点没有和文字对齐,如下图 但是如果修改下html结...

css实现简单矩形对话框

在前端做项目时,我们可能会遇到写对话框的需求,这次做视频会议页面就遇到了,记录下日后有个参照。//网页部分 &lt;divcla...

如何修改css中存在的element.style内联样式

改腾讯地图的时候调整了下样式,发现样式一直存在问题,修改style里面的值,一点用都没有,html中这个值还找不到是在哪里出...

珍藏!! JS css不传之秘集合

&lt;!--其中5指每隔5秒刷新一次页面--&gt; &lt;metahttp-equiv=&quot;refresh&quot;content=&quot;5&quot;&gt; =========...

css中单位pxem,rem和vh/vw的理解

&gt;px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字...

DIV+css网页布局常用的一些基础知识整理

一.文件命名规范全局样式:global.css;框架布局:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print...

css相对定位与绝对定位

一般相对定位和绝对定位可以配合起来使用 例如实现如下的效果 只需要在外层div设置为相对定位,在内部设置为绝对定位就...

修改了css后,让浏览器从缓存中更新

当我们修改了css后,如果不做一些操作,浏览器是不会自动更新我们的样式文件的。除非是过期或者用户手动刷新清理缓存等。所...

css定位的简单运用

父容器使用相对定位position: relative子容器使用绝对定位position: relative这样就可以子容器相对父容器定位了,可以写一...

jscss异步加载

有些时候为了效率,我们需要js与css能够异步加载方法1:直接在后面加一个async的关键字&lt;scriptsrc=&quot;~/lib/jquery/d...

css3样式学习代码

上代码!上代码!不说了&lt;!DOCTYPEhtml&gt; &lt;htmllang=&quot;en&quot;&gt; &lt;head&gt; &lt;metacharset=&quot;UT...

css实现动画效果案列:冒泡案列

css实现动画效果案列:冒泡案列效果图:代码:&lt;!DOCTYPEhtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;...

html/css样式

代码: &lt;!DOCTYPEhtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;utf-8&quot;/&gt; &lt;title&gt...

css div水平居 。文字垂直居中 。flex的方式实现div的垂直与水平居中。布局模板

DIV等元素水平居中定宽度+margin:top auto可以让一个块级别元素在外层居中例如这样:效果:可以看到这个div已经居中了但是...

使用jquery操作元素的css样式(获取、修改等等)

使用jquery操作元素的css样式(获取、修改等等) //1、获取和设置样式 $(&quot;#tow&quot;).attr(&quot;class&quot;)...
排名
122
文章
2
粉丝
1
评论
0
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
人生总是那么痛苦吗?还是只有小时候是这样?